/*
Theme Name: Toodle WP Theme
Description: Semantic, SEO Optimised, Custom Wordpress Theme for Toodle
Author: #
Author URI: #
Version: 11.0
*/
 
@font-face{font-family:'Calibri';src:url(./assets/fonts/Calibri-BoldItalic.eot);src:url(./assets/fonts/Calibri-BoldItalic.eot?#iefix) format("embedded-opentype"),url(./assets/fonts/Calibri-BoldItalic.woff2) format("woff2"),url(./assets/fonts/Calibri-BoldItalic.woff) format("woff"),url(./assets/fonts/Calibri-BoldItalic.ttf) format("truetype"),url(./assets/fonts/Calibri-BoldItalic.svg#Calibri-BoldItalic) format("svg");font-weight:700;font-style:italic}
@font-face{font-family:'Calibri';src:url(./assets/fonts/Calibri.eot);src:url(./assets/fonts/Calibri.eot?#iefix) format("embedded-opentype"),url(./assets/fonts/Calibri.woff2) format("woff2"),url(./assets/fonts/Calibri.woff) format("woff"),url(./assets/fonts/Calibri.ttf) format("truetype"),url(./assets/fonts/Calibri.svg#Calibri) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'Calibri';src:url(./assets/fonts/Calibri-Italic.eot);src:url(./assets/fonts/Calibri-Italic.eot?#iefix) format("embedded-opentype"),url(./assets/fonts/Calibri-Italic.woff2) format("woff2"),url(./assets/fonts/Calibri-Italic.woff) format("woff"),url(./assets/fonts/Calibri-Italic.ttf) format("truetype"),url(./assets/fonts/Calibri-Italic.svg#Calibri-Italic) format("svg");font-weight:400;font-style:italic}
@font-face{font-family:'Calibri';src:url(./assets/fonts/Calibri-Bold.eot);src:url(./assets/fonts/Calibri-Bold.eot?#iefix) format("embedded-opentype"),url(./assets/fonts/Calibri-Bold.woff2) format("woff2"),url(./assets/fonts/Calibri-Bold.woff) format("woff"),url(./assets/fonts/Calibri-Bold.ttf) format("truetype"),url(./assets/fonts/Calibri-Bold.svg#Calibri-Bold) format("svg");font-weight:700;font-style:normal}



/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

/* Defaults */
a, button, input[type="submit"] { -moz-transition: all .2s ease-in;-o-transition: all .2s ease-in;-webkit-transition: all .2s ease-in;transition: all .2s ease-in}
a,abbr,acronym,address,area,b,bdo,big,blockquote,body,button,caption,cite,code,col,colgroup,dd,del,dfn,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,hr,html,i,images,ins,kbd,label,legend,li,map,object,ol,p,param,pre,q,samp,small,span,strong,sub,sup,table,tbody,td,textarea,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0;vertical-align:baseline}
:focus{outline:0}
a:focus,a{color:#52198b;text-decoration:none}
a:hover{text-decoration:underline}
abbr,acronym,dfn{border-bottom:1px dotted;cursor:help}
code,pre{font-size:1em}
del{text-decoration:line-through}
dfn{font-style:italic;font-weight:700}
dt{font-weight:700}
dd{margin:0 0 1em 10px}
fieldset{border:0}
fieldset p{margin:0 0 5px}
img{border:0;vertical-align:bottom}
ins{text-decoration:none}
hr{margin:0 0 .5em}
strong{font-weight:600;font-family: 'Calibri', Arial, Sans-Serif}
input:focus,textarea:focus,button:focus{outline:none}
input[type=submit],button{cursor:pointer}
input[type=text],input[type=password],input[type=file],input[type=submit],textarea{-webkit-appearance:none;border-radius:0;-webkit-border-radius:0}
ul,li{padding:0;margin:0;list-style: none}
img{max-width:100%;height:auto}
body {background:#FFF;color: #000000;font: normal 19px/24px 'Calibri', Arial, Sans-Serif}
*{box-sizing:border-box}
.left {float: left}
.right {float: right}
.clearer-block:after{display:table;content:'';clear:both}
h1 {font-size: 45px;line-height: 50px;margin-bottom: 25px;}
h2 {font-size: 50px;line-height: 60px;margin-bottom: 25px;color:#44545e;}
h3 {font-size: 40px;line-height: 45px;margin-bottom: 25px;color:#44545e;}



input::-webkit-input-placeholder {color: #9B9B9B; font: normal 14px/21px Proxima Nova Rg, Arial, Sans-Serif}
input::-moz-placeholder {color: #9B9B9B; font: normal 14px/21px Proxima Nova Rg, Arial, Sans-Serif}
input:-ms-input-placeholder {color: #9B9B9B; font: normal 14px/21px Proxima Nova Rg, Arial, Sans-Serif}
input:-moz-placeholder {color: #9B9B9B;	font: normal 14px/21px Proxima Nova Rg, Arial, Sans-Serif}

.gform_button,
.btn{padding: 0 22px;color: #ffffff; font: 700 20px/53px 'Calibri', Arial, Sans-Serif;font-style: italic; text-transform: uppercase; display: inline-block; border-radius: 5px;min-width: 205px;border: none}
.btn:hover {text-decoration: none}
.gform_button,
.btn-blue {background-color:#22accb}
.btn-white {background-color:#fff;color:#22accb}
.gform_button:hover,
.btn:hover {background: #282828}

/*Franchising*/
.page-template-pt-franchising  header{margin-bottom:0;}
.page-template-pt-franchising .purple-bg .text{text-align:left;padding:48px 0}
.page-template-pt-franchising .purple-bg .text p{line-height:22px;font-size:18px;}
.page-template-pt-franchising .purple-bg .text h1{font-size: 50px;margin:0px 0px 32px}
.page-template-pt-franchising .purple-bg .text h4{padding:20px 0 3px;color:#ffcc33}
.page-template-pt-franchising .purple-bg .text > *{color:#fff}
.page-template-pt-franchising .purple-bg .img-text{font-size: 44px;font-weight: 300;}
.page-template-pt-franchising .enhanced  .left{text-align:left;width:40.5%}
.page-template-pt-franchising .enhanced  .left img{margin-top:40px}
.page-template-pt-franchising .enhanced .container{justify-content: space-between;}
.page-template-pt-franchising .enhanced  .right{width:48.5%;text-align:left;color:#45545f}
.page-template-pt-franchising .enhanced  .right .alignleft{clear:left;margin-bottom:15px}
.page-template-pt-franchising .enhanced  .middle{display:none}
.page-template-pt-franchising .enhanced  .left h2{text-align:left;color:#000;}
.page-template-pt-franchising .enhanced  .left h3{color:#000;font-size:25px;line-height:30px}
.page-template-pt-franchising .enhanced  .right h4{color:#45545f;margin:20px 0 10px;font-size: 22px;}
.page-template-pt-franchising .enhanced  .right  p{font-size:18px;line-height:21px;max-width: 560px;}
.page-template-pt-franchising .purple-bg.twotext .col:nth-child(2) .text > *{color:#45545f}
.page-template-pt-franchising .purple-bg.twotext .col:nth-child(2) .text{position:relative; }
.page-template-pt-franchising .triangle{height:600px; top:0;left:0;float:left;width: 23%; position: relative; 	clip-path: polygon(0 0, 100% 100%, 0 100%); shape-outside:polygon(0 0, 100% 100%, 0 100%);   }
.page-template-pt-franchising .purple-bg.twotext .col:first-child{width: 40%;padding-right:3%;min-width: 1px;}
.page-template-pt-franchising .purple-bg.twotext .col:first-child ul{margin:0 0 9px}
.page-template-pt-franchising .purple-bg.twotext .col p{margin:0 0 20px}
.page-template-pt-franchising .purple-bg.twotext .container:before{right: 57%;}
.page-template-pt-franchising .purple-bg.twotext .col:first-child ul li{font-size:18px;line-height: 20px;position:relative;padding:0 0 12px 18px}
.page-template-pt-franchising .purple-bg.twotext .col:first-child ul li:before{border-radius:50%;-webkit-border-radius:50%;content:'';position:absolute;top:8px;left:0;width:7px;height:7px;background:#fff;}
.page-template-pt-franchising .purple-bg.twotext .col:nth-child(2) ul{margin:0 0 20px;}
.page-template-pt-franchising .purple-bg.twotext .col:nth-child(2) ul li{font-size:18px;position:relative;padding:0 0 10px 20px;overflow:hidden;}
.page-template-pt-franchising .purple-bg.twotext .col:nth-child(2) ul li:before{border-radius:50%;-webkit-border-radius:50%;content:'';position:absolute;top:11px;left:0;width:5px;height:5px;background:#45545f;}
.page-template-pt-franchising .purple-bg.twotext .text  h3{font-size:24px;line-height:25px;}
.page-template-pt-franchising .purple-bg.twotext .col:nth-child(2) .text > h3{margin:28px 0 12px}
.page-template-pt-franchising .purple-bg.twotext{background-size: auto 130%;background-repeat: no-repeat;background-position: 100% 0;}
.page-template-pt-franchising .purple-bg.twotext:after{width:100%;height:100%;background:#fff;position:absolute;top:0;left:0;opacity:0.9;content:'';}
.page-template-pt-franchising .enhanced  .container > h2{color:#000;margin:0 0 31px}
.page-template-pt-franchising .enhanced  .container > h2 small{display:block;padding-top: 51px;font-size: 38px;}
.page-template-pt-franchising .purple-bg.twotext#opportunity .triangle{height:400px}
.page-template-pt-franchising .title-image  img{border:1px solid #c1c1c1}
.page-template-pt-franchising .title-image  h2{color:#000}
.page-template-pt-franchising .threecolumns h2{text-align:center;color: #44545e;}
.page-template-pt-franchising .threecolumns  h3{font-size:26px;line-height:27px;margin:48px 0 10px}
.page-template-pt-franchising .threecolumns  h3:first-child{margin-top:0}
.page-template-pt-franchising .threecolumns  p{color: #44545e;margin:0 0 22px}
.page-template-pt-franchising .threecolumns  .cols-h{display:flex;justify-content:space-between;}
.page-template-pt-franchising .threecolumns{padding-bottom:70px}
.page-template-pt-franchising .threecolumns  .cols-h > *{width:28%}
.page-template-pt-franchising #next .container:before {background:#ffc200}
.page-template-pt-franchising .tdconnect a{display: inline-block;background:#52198b;color:#fff;padding: 14px;font-size: 21px;border-radius: 15px;width: 186px;}
.page-template-pt-franchising #where.enhanced .left img{margin-top:0}
.page-template-pt-franchising #where.enhanced .right p{font-size: 21px;line-height: 38px;max-width: 100%;}
.page-template-pt-franchising .title-image h2{margin:0 0 67px}
.page-template-pt-franchising  #areyouright p{margin:0 0 30px}
.page-template-pt-franchising #next .col:first-child h4{color:#fff;font-size: 26px;line-height: 30px;padding-top: 0;padding-bottom: 23px;}
.page-template-pt-franchising #next p{margin:0 0 30px}
.page-template-pt-franchising #next.purple-bg .col:first-child .text .tdwrite h4{padding: 0 0 7px;font-weight: normal;}
.page-template-pt-franchising .tdconnect{margin:0 41px 0 0}
.page-template-pt-franchising #next .tdwrite p {margin:0}
.page-template-pt-franchising #next .tdwrite a{color:#fff;font-size:22px;}
.page-template-pt-franchising  .purple-bg  .social{margin:0;padding:30px 0 30px;list-style:none;overflow:hidden;}
.page-template-pt-franchising  .purple-bg  .social li{float:left;margin:0 32px 0 0}
.page-template-pt-franchising  .purple-bg  .social li a{display:block;width:32px;height:32px;}
.page-template-pt-franchising  .purple-bg  .social li a.facebook{width:20px}
.page-template-pt-franchising #soc  .text a{color:#fff;}
.page-template-pt-franchising #soc  .text a:hover{text-decoration:underline}
.page-template-pt-franchising  .purple-bg  .social li a svg {fill:#fff}
.page-template-pt-franchising #soc .img-text{width: 100%;    max-width: 100%;}
.page-template-pt-franchising #soc .img-h img {    max-width: 100%;    right: 0;    left: auto;}
.page-template-pt-franchising .purple-bg .img-h .social{-moz-transform: scale(1.2);-webkit-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);height: 94px;position:absolute;bottom:0;width:184px;left:50%;margin:0 0 -50px 80px;padding-bottom: 0;}
.page-template-pt-franchising .purple-bg .img-h .social  li a svg {vertical-align: top;fill:#542e81}
/* Containers */
#page {overflow: hidden;}
.container {width: 100%;max-width: 1370px;padding: 0 25px;margin: 0 auto;position: relative;z-index: 2;}
.wrapper {overflow: hidden}
#content {clear: both;}

/* Header */
header{height: 191px;margin-bottom: 45px;position: relative;z-index: 3;}
.home header {margin-bottom: 0;}
.page-template-pt-merchant header {margin-bottom: 25px}
header .menu {padding: 32px 10px;}
header #menu-menu {float: left;}
header #menu-top-right-menu {float: right;}
header .menu>li {display: inline-block;vertical-align: middle;margin-right: 50px;position: relative;}
header .menu>li:last-child {margin-right: 0;}
header .menu>li a {color: #1f323e;font-weight: bold;font-size: 20px;display: block;padding: 10px 0;text-decoration: none;}
header .menu li.current-menu-item>a,
header .menu li a:hover {color: #41027f;}
header .menu li .sub-menu {position: absolute;display: none;white-space: nowrap;background: #fff;z-index: 2;padding: 0 20px 10px;left: -20px;top: 100%;}
header .menu li .sub-menu a {font-size: 17px;line-height: 20px;}
.menu-dropdown {width: 100%;}
.menu-button {display: none;}

.logo {max-width: 194px;margin: 0 auto;display: block;position: absolute;top: -1px;left: 0;right: 0;z-index: 2;}
.sticky-header {padding-top: 236px;}
.sticky-header .logo {max-width: 117px;}
.sticky-header header {height: 116px;position: fixed;top: 0;left: 0;width: 100%;background: #fff;z-index: 999;animation-name: show;animation-duration: 0.5s;}
@keyframes show {
    from {transform: translate(0, -100%);}
    to {transform: translate(0, 0);}
  }
/* Content*/
.center-angle {position: relative;overflow: hidden;}
.center-angle:before {position: absolute;content: '';top: 0;left: 0;width: 30%;height: 100%;z-index: 2;}
.center-angle .container:before{position:absolute;content:'';top:-50%;right: 49%;width:110%;height:200%;z-index:2;transform:rotate(-17.5deg);-webkit-transform:rotate(-17.5deg);-moz-transform:rotate(-17.5deg);-o-transform:rotate(-17.5deg);-ms-transform:rotate(-17.5deg)}
.center-angle .col {position: relative;z-index: 3;}
.center-angle .col + .col {z-index: 1;}
.purple-bg:before {background: #9859da;}
.purple-bg .container:before{background: rgb(162,98,230);
    background: -moz-linear-gradient(180deg, rgba(162,98,230,1) 0%, rgba(162,98,230,1) 27%, rgba(82,25,139,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(162,98,230,1) 0%, rgba(162,98,230,1) 27%, rgba(82,25,139,1) 100%);
    background: linear-gradient(180deg, rgba(162,98,230,1) 0%, rgba(162,98,230,1) 27%, rgba(82,25,139,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a262e6",endColorstr="#52198b",GradientType=1);}
.purple-bg .img-text {position: absolute;z-index: 2;bottom: 40px;right: 0;font-size: 36px;line-height: 60px;color: #fff;font-weight: bold;text-align: right;max-width: 80%;}


.leftimg.center-angle.white-bg .container{flex-direction: row-reverse;}
.leftimg.center-angle.white-bg .img-h img{right: -25px;left: auto;}
.leftimg.center-angle.white-bg .container::before{right: -50%;left: 49%;}

.center-angle .container {display: flex;align-items: center;justify-content: center;}
.center-angle .col {min-width: 44.5%;width: 44.5%;text-align: right;position: relative;}
.home h2 {color: #000000;}
.home .purple-bg h2 {color: #ffffff;}
.center-angle .col + .col {min-width: 55.5%;width: 55.5%;}
.welcome {height: 575px;}
.center-angle.page-content .text,
.welcome .text {text-align: left;color:#fff;display: inline-block;max-width: 505px;}
.center-angle.page-content .text {max-width: 365px;}
.home .center-angle .text {text-align: left;max-width: 560px;display: inline-block;}
.welcome .text p {margin-bottom: 60px;}
.center-angle.page-content .text p {margin-bottom: 20px;}
.home h2,
.welcome h1 {margin-bottom: 40px;font-size: 52px;line-height: 58px;}
.center-angle.page-content .text p:last-child,
.welcome .text p:last-child {margin: 0;}
.home .center-angle strong,
.home .center-angle b {font-size: 26px;line-height: 30px;}
.purple-bg .gform_wrapper form{display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: center;width: 500px;max-width: 100%;}
.purple-bg .gform_wrapper .validation_error,
.purple-bg .gform_wrapper .gfield_label {display: none;}
.purple-bg .gform_body {width: calc(100% - 185px);padding-right: 15px;}
.purple-bg .gform_wrapper .gfield {width: 100%;}
.purple-bg input[type="text"] {width: 100%;border: none;padding: 10px 18px 12px;font: normal 19px/26px 'Calibri', Arial, Sans-Serif;border-radius: 10px;}
.purple-bg input::-webkit-input-placeholder {font: normal 19px/26px 'Calibri', Arial, Sans-Serif;color: #c6c6c6}
.purple-bg input:-ms-input-placeholder {font: normal 19px/26px 'Calibri', Arial, Sans-Serif;color: #c6c6c6}
.purple-bg input::-moz-placeholder {font: normal 19px/26px 'Calibri', Arial, Sans-Serif;color: #c6c6c6}
.purple-bg input:-moz-placeholder {font: normal 19px/26px 'Calibri', Arial, Sans-Serif;color: #c6c6c6}
.purple-bg .gform_footer {width: 185px;}
.purple-bg .gform_footer .gform_button  {width: 100%;display: block;font: normal 23px/28px 'Calibri', Arial, Sans-Serif;background: #000;border-radius: 10px;text-transform: none;padding: 8px 10px 12px;box-sizing: border-box;min-width: 0;}
.purple-bg .gform_footer .gform_button:hover{background-color: #561d90;} 
#epos-equipment .text {margin-right: -100px;}
#phone-based .text {margin-right: -80px;}
#phone-based h2 {margin-bottom: 30px;}
#epos-equipment h2 {margin-bottom: 60px;}
#hands-up h2 {margin-bottom: 100px;}
#hands-up form {margin-bottom: 10px;}
#hands-up h4 {font-weight: normal;font-size: 28px;line-height: 28px;color: #fff;margin-bottom: 5px;}
#hands-up a {color: #fff;font-size: 21px;line-height: 21px;text-decoration: none !important;border-bottom: 1px solid #fff;display: inline-block;}
#hands-up .text {margin-right: -40px;}


/*.welcome .size-content {max-height: 100%;width: 375px;margin-top: 36px;display: inline-block;vertical-align: bottom;margin-right: 30px;}*/
.welcome .app-links {display: inline-block;vertical-align: bottom;margin-bottom: 67px;}
.qr-code {background: #fff;padding: 12px;width: 135px;}
.qr-code a {display: block;}
.app-links a {display: block;width: 170px;height: 52px;margin-bottom: 2px;text-align: left;}
.app-links a:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1)}
.right-angle {position: relative;overflow: hidden;}
.see img {height: 610px;width: auto;}
.right-angle:before {position: absolute;content: '';top: 0;right:0;width: 30%;height: 100%;z-index: 1;}
.yellow-bg:before,
.yellow-bg .container:before {background: #ffc200;}
.white-bg:before,
.white-bg .container:before {background: #fff;}
.videos .container:after,
.right-angle .container:before{position:absolute;content:'';top:-50%;right:-20%;width:53%;height:200%;z-index:2;transform:rotate(-17.5deg);-webkit-transform:rotate(-17.5deg);-moz-transform:rotate(-17.5deg);-o-transform:rotate(-17.5deg);-ms-transform:rotate(-17.5deg)}
.right-angle .container{display:flex;align-items:center;justify-content:center}
.right-angle.yellow-bg.inner-page .container{align-items:flex-start;}
.right-angle .col{position:relative;z-index:1;width:70%}
.right-angle .col + .col{z-index:3;width:30%}
.see .text{color:#fff;padding:110px 0 0 30px}
.videos .text h2,
.see .text h2{font-size:55px;line-height:62px;color:#fff}
.videos .text {color:#fff;}
.videos .text p {font-size: 25px;line-height: normal;}
.videos .col + .col {width: 32%;}
.videos .container {
    max-width: 1440px;
}
.videos .container:before {right: -16% !important;}
.videos .container:after {width: 8px;right: 38%;background: #fff}
.video-grid {
    display: flex;
    flex-wrap: wrap;
}
.video-block {
    width: 46%;
    padding-right: 7px;
    margin-bottom: 7px;
}
.video-block:nth-child(2) {width: 45%;}
.video-block:nth-child(2n) {padding-right: 0;}
.video-block:nth-child(3),
.video-block:last-child {margin-bottom: 0;}
.video-block:last-child {width: 54%;}
.video-block .play {
    position: absolute;
    text-indent: -9999px;
    background: url(assets/img/play-arrow.png) no-repeat center;
    background-size: 100%;
    left: 50%;
    top: 50%;
    z-index: 2;
    margin: -41px 0 0 -37px;
    width: 74px;
    height: 84px;
}
.video-block:nth-child(2n) .play {
    margin-left: 0;
    left: 170px;
}
.video-block h4 {background-color: #ffc200;font-weight: normal;text-align: center;padding: 7px 15px;color:#fff;font-size: 23px;line-height: normal;}
.video-block .img-video {
    position: relative;
    width: 100%;
    height: 240px;
    overflow: hidden;
    display: block;
}
.video-block .img-video img{
    position: absolute;
    height: auto;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
.video-block:nth-child(2) .img-video img{
    left: 46%;
}
.bottom-welcome{background:#f4f4f5;padding-top:60px}
.bottom-welcome .container{display:flex;justify-content:flex-end}
.bottom-welcome .img-h img{height:500px;width: auto;}
.bottom-welcome .img-h img + img {margin-left: 20px;}
.bottom-welcome .text{width:345px;color:#8d8d8d;}
.bottom-welcome .text h2{color:#52198b;margin-bottom:70px}
.bottom-welcome .text p{font-size: 30px;line-height: 38px;}
.bottom-welcome .app-links{margin-top:40px}
.steps {background: #f4f4f5;padding: 70px 0 20px;text-align: center;}
.slider {overflow: hidden;max-width: 900px;margin: 0 auto;}
.slider .slide {display: block;overflow: hidden;float: left;padding: 0 20px;text-align: left}
.slider .slide .v-holder{padding-top:82%;width:87%;position:relative;float:right;}
.slider .slide .v-holder iframe{width:100%!important;height:100%!important;position:absolute;top:0;left:0;}
.merchant,
.film,
.safe,
.steps {color:#777d86;}
.steps h3 {color:#2e3f49;}
.film h2 {color:#44545e;margin-bottom: 60px}
.merchant h2,
.home .film h2,
.steps h2{color:#44545e;margin-bottom: 10px}
.error h2,
.steps h3 {font-size: 26px;line-height: 28px;margin-bottom: 25px;font-weight: normal;}
.under-title {font-size: 25px;line-height: 30px;}
.steps .slider {max-width: 100%}
.steps .slide {position: relative;}
.steps-prev .slide:after {display: table;clear: both;content: '';}
.steps h2 {margin-bottom: 60px;text-align: center;}
.slick-track,.slick-list{overflow: hidden;}
.slick-track:after,.slick-list:after{clear: both;content: "";display: block;}
.steps .list {margin-top: 30px;}
.steps .list li{margin-bottom:7px;display: inline-block;margin-right: 35px;font-size: 16px;}
.steps .list img {width: 25px;display: inline-block;vertical-align: middle;margin-right: 5px;opacity: 0.5;}
body:not(.home)  .steps .list li:last-child img {width: 35px;}
.steps .list li:last-child {margin-right: 0;}
.steps .text {width: 50%;float: left;padding-top: 30px;}
.steps .text ul {margin-left: 20px;list-style-type: disc;}
.steps .text li {list-style-type: disc;margin-bottom: 10px;}
.steps .right-text h2,
.steps .left-text h2{margin-bottom: 90px;}
.steps .right-text .text {float: right;}
.steps .right-text .img-h {float: left;text-align: right;padding-right: 50px;}
.steps .img-h {float: right;width: 50%;text-align: left;}
.steps .img-h img {max-height: 548px;width: auto;}
.steps .icon-text {
    display: flex;
    align-items: center;
    padding-left: 50px;
}
.steps .icon {
    display: block;
    width: 95px;
    text-align: center;
    margin-right: 30px;
    min-width: 95px;
}
.steps .centered .icon-text {padding-left: 0;margin-bottom: 35px;}
.steps .centered .icon {width: 190px;min-width: 190px;margin-right: 45px;}
.steps .centered .text {margin: 0 auto;width: 645px !important;float: none;padding-top: 0;}
.steps .centered .testinomial {margin-bottom: 40px;display: flex;align-items: center;}
.steps .centered .initial {
    font-size: 66px;
    text-transform: uppercase;
    width: 80px;
    min-width: 80px;
    margin-left: 50px;
    display: inline-block;
    line-height: normal;
    text-align: center;
    font-weight: bold;
    color: #cccccd;
}
.steps .merchant-slide .text{width: 60%;padding-top: 0;font-size: 26px;line-height: 28px;padding-right: 30px;}
.steps .merchant-slide .text h2 {margin-bottom: 30px;}
.steps .merchant-slide .text li {margin-bottom: 15px;}
.steps .merchant-slide .text li::marker {font-size: 16px;line-height: 28px;}
.steps .merchant-slide .img-h{width: 40%;padding: 135px 20px 0 30px;}
.steps .image-background h2{margin-bottom: 30px;}
.steps .over-image {position: relative;float: none;width: 100%;overflow: hidden;padding: 50px 40px 20px;display: flex;align-items: center;}
.steps .over-image>img {position: absolute;top: 50%;left: 50%;min-width: 100%;min-height: 100%;max-width: none;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);z-index: -1;}
.steps .over-image .icon-h {width: 30%;min-width: 30%;text-align: center;}
.steps .over-image .icon-h img {width: 200px;margin: 0 auto;max-width: 80%;}
.steps .over-image .text-h {width: 70%;min-width: 70%;color:#fff;}
.steps .over-image .text-h p {margin-bottom: 30px;}
.steps .first-slide .text {
    position: relative;
}

.steps .first-slide .img-h{float: none;width: auto;padding-right: 50px;text-align: right;}

.steps .first-slide .text + .text .img-h{
    text-align: left;
    padding-right: 0;
    padding-left: 30px;
}
.steps .top-text {
    text-align: center;
    width: 300px;
    position: absolute;
    top: 0;
    left: 20px;
}
.steps .top-text a {margin: 0 10px;}
.steps .text + .text .top-text {left: auto;right: 20px;}
.steps .app-links {position: absolute;bottom: 67px;left: 10px; z-index:10;}
.steps .qr-code {
    position: absolute;
    bottom: 50px;
    right: 0;
    padding: 15px;
    width: 175px;
}
.slick-dots {position: absolute;bottom: 35px;left: 0;right: 0;margin: 0 auto;max-width: 300px;}
.slick-dots li {margin: 0 5px;display: inline-block;vertical-align: middle;}
.slick-dots button {text-indent: -9999px;text-align: left;background: transparent;border: 1px solid #cccccd;height: 17px;width: 17px;border-radius: 50%;outline: none !important;}
.slick-dots button:hover,
.slick-dots .slick-active button {background: #cccccd;outline: none;}
.slick-dots button:focus, .slick-dots button::-moz-focus-inner {outline:none; border:0;}
.easy.right-angle,
.safe.center-angle,
.right-angle .img-h,
.center-angle .img-h {position: relative;height: 575px;}
.center-angle .img-h img {position: absolute;top: -60px;left: -25px;min-width: 100%;min-height: 100%;max-width: 150%;width: auto;height: auto;}

.safe.center-angle .container {align-items: center;}
.safe .col {text-align: left;}
.easy h2,
.safe h2{color:#44545e;}
.safe ul {margin-left: 20px;list-style-type: disc;}
.safe li {margin-bottom: 5px;list-style-type: disc;}
.safe .container:before {left: -19.7%;}
.right-angle .img-h img {position: absolute;bottom: 0;right: -60px;min-width: 100%;min-height: 100%;max-width: 140%;width: auto;height: auto;}
.easy.right-angle .container:before { right: -19.5%;}
.easy.right-angle .text {color:#788188;padding: 0;}
.easy.right-angle .text h2 {margin-bottom: 50px;width: 518px;}
.easy.right-angle .text p {padding-left: 46px;font-size: 25px;line-height: 30px;}
.easy.right-angle .text a{color:#788188;}
.easy.right-angle .img-h img{top: 0;bottom: auto}
.film{text-align:center}
.home .film{padding-top:80px}
.video-holder{width:100%;height:477px;margin-top:50px;background:url(assets/img/Watch-the-film-blank.jpg) no-repeat center;background-size:cover;padding-top:88px}
.iframe-h{background:#52198b;width:474px;height:268px;position:relative;margin:0 auto}
.iframe-h.no-film{background: url(assets/img/filming.jpg) no-repeat center;background-size: 474px 268px;}
.iframe-h .play{display:block;text-indent:-9999px;border:62px solid transparent;border-left:105px solid #fff;position:absolute;top:50%;left:50%;line-height:0;margin:-62px 0 0 -53px;background:transparent}
/*.iframe-h .play:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1)}*/
.iframe-h .play:hover{border-left: 105px solid #FCC202;}
.merchant{text-align:center}
.merchant .container{max-width:920px}
.merchant-list{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:50px 0 50px}
.merchant-list a{width:33.332%;padding:0 40px;margin-bottom:50px;color:#44545e;text-decoration:none;font-weight:700;font-size:24px;line-height:30px}
.merchant-list img{max-height:156px;width:auto;margin:0 auto;display:block}
.merchant-list a span{display:block;text-align:center;margin-top:10px}
.merchant-list a:hover{color:#52198b;text-decoration:none}
.merchant-list.gmask {overflow: hidden;position: relative;width: 100%;display: block;}
.merchant-list.gmask.animated {text-align: left;}
.merchant-list.gmask.animated  ul {-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;list-style: outside none none;margin: 0;overflow: hidden;padding: 0;position: relative;width: 99999px;}
.merchant-list.gmask ul li {-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;display: inline-block;padding: 0;vertical-align: middle;}
.merchant-list.gmask ul li{width:210px;}
.merchant-list.gmask.thfirst ul li{width:280px;}
.merchant-list.gmask{max-width:840px;margin-left:auto;margin-right:auto;}
.merchant-list.gmask ul li a{margin:0 22px;display:block;width:auto;padding:0;}
.merchant-list.gmask ul li:before{display:none}
.search-filter label{text-align:left;display:block;}
.search-filter{width:100%;max-width:248px;margin:20px auto 20px;font-size:20px;position: relative;}
.search-filter input{border-radius:5px;border:1px solid #ccc;line-height:24px;padding:4px 15px;width:100%;margin-top:11px}
.search-filter .clear-search {display: none;position: absolute;left: 105%;background: transparent;color: #9b9b9b;bottom: 7px;border: none;}
.cat-search {display: none;background: transparent;color: #9b9b9b;bottom: 7px;border: none;}
.cat-list{margin:0 -50px ;padding:43px 0 20px;list-style:none;overflow:hidden;}
.cat-list li span{cursor:pointer;display:flex;width:116px;height:116px;bordder-radius:50%;-webkit-border-radius:50%;padding:18px;color:#fff;justify-content:center;align-items:center;font-size:16px;background:#fdbe2d;}
.cat-list li span:hover{background:#51327f;}
.cat-list li{color:#fdbe2d;width:116px;margin:0 6px;display:inline-block;vertical-align:top;}
.cat-list li:hover{color:#51327f}
.cat-list li  b{font-weight:normal;font-size:17px;line-height:22px;display:block;padding-top:10px;}
/*.cat-list li:nth-child(1) span{background:#fdbe2d;}
.cat-list li:nth-child(2) span{background:#46535e;}
.cat-list li:nth-child(3) span{background:#d8496d;}
.cat-list li:nth-child(4) span{background:#fb8825;}
.cat-list li:nth-child(5) span{background:#96cd5a;}
.cat-list li:nth-child(6) span{background:#24b1ee;}
.cat-list li:nth-child(7) span{background:#51327f;}*/
.cat-list li span.active{background:#51327f;}
.cat-list li span.active + b  {color:#51327f;}
.search-filter .clear-search:hover {color: #41027f;}
.hidden {display: none;}
.media .under-title{margin-bottom:90px}
.media h3{margin-bottom:50px;color:#52198b;font-size:35px;line-height:40px;}
.media .merchant-list{padding:0 0 50px}
.media .merchant-list .slick-prev,
.media .merchant-list .slick-next{opacity:0;position:absolute;top:50%;left:z4px;width:34px;height:30px;text-indent:-9999px;overflow:hidden;margin:-42px 0 0;}
.media .merchant-list .slick-next{left:auto;right:4px;}
.media .merchant-list:hover .slick-prev,
.media .merchant-list:hover .slick-next{opacity:1;}
/* .media .merchant-list .slick-prev{background:none;z-index:30;border:14px solid transparent;border-right:23px solid #ffc200;} */
.media .merchant-list .slick-prev{z-index:30;background-image: url(assets/img/left.png);background-size: 20px 40px;border: 0;background-color: transparent;height: 40px;width: 20px;}
/* .media .merchant-list .slick-next{z-index:30;border:14px solid transparent;border-left:23px solid #ffc200;background:none;} */
.media .merchant-list .slick-next {z-index: 30;background-image: url(assets/img/right.png);background-size: 20px 40px;border: 0;background-color: transparent;height: 40px;width: 20px;}
.media .merchant-list.arrows .slick-prev{left:-24px;}.media .merchant-list.arrows .slick-next{right:-24px;}
/* .media .merchant-list.arrows .slick-prev, .media .merchant-list.arrows .slick-next {opacity: 0;}
.media .merchant-list.arrows:hover .slick-prev, .media .merchant-list.arrows:hover .slick-next {opacity: 1;} */
.media .merchant-list.gmask.arrows{overflow:visible;}
.page-template-pt-fags .wp-block-image,.page-template-pt-fags .wp-block-image figure{margin-bottom:0}
.inner-page{color:#8d8d8d}
.inner-page h1{color:#42545e;font-size:35px;line-height:42px;max-width:70%;margin-bottom:15px;display:inline-block}
.inner-page strong,.inner-page b{color:#42545e}
.inner-page p{margin-bottom:15px}
.inner-page .container:before{right:-30%;width:50%;height:calc(100% + 1000px)}
.inner-page:before{width:10%}
.inner-page .under-title{font-size:21px;line-height:25px;margin-bottom:30px;max-width:71%}
.inner-header{padding-right:125px}
.inner-page .mobile-header{float:right}
.inner-page .mobile-header h2{display:none}
.inner-page .size-post{max-width:220px;max-height:156px;width:auto}
.inner-page p:last-child{margin-bottom:0}
.page .show-more-content{font-size:22px;line-height:26px;padding-right:125px;margin-bottom:40px}
.show-more-content .content{margin-bottom:15px;overflow:hidden;transition:all .3s ease-in-out}
.show-more-content .show-content{display:none;margin-bottom:15px}
.left-col{width:calc(100% - 290px);padding:50px 89px 65px 140px}
.left-col,.right-col{position:relative;z-index:2}
.right-col{width:290px;color:#fff;padding-top:115px}
.right-col h2{color:#fff;font-size:46px;line-height:53px}
.show-more{text-transform:uppercase;font-weight:700;font-size:16px!important;position:relative;display:inline-block;padding-right:20px;text-decoration:none!important;line-height:27px!important}
.show-more:before,.show-more:after{position:absolute;content:'';background:#ffc200}
.show-more:before{width:12px;height:2px;top:13px;right:0}
.show-more:after{width:2px;height:12px;top:8px;right:5px}
.back:hover,.show-more:hover{color:#ffc200}
.show-more.open:after{display:none}
.back{display:block;position:absolute;top:0;left:0;padding-left:54px;color:#8d8d8d;text-decoration:none!important;line-height:24px}
.back:before,.back:after{position:absolute;content:''}
.back:before{border:11px solid transparent;border-right:23px solid #ffc200;top:1px;left:-11px}
.back:after{width:18px;height:8px;top:8px;left:23px;background:#ffc200}
.blog .inner-page .under-title{max-width:100%;font-size:24px;line-height:30px;margin-bottom:18px}
.blog .inner-header{padding-right:100px}
.blog .right-col{padding-bottom:40px;padding-left: 65px;}
.blog .right-col p{font-size:24px;line-height:30px}
.blog .right-col h2{margin-bottom:100px}
.blog .left-col{z-index:1;padding:0 0 65px 140px}
.blog .inner-page .container:before {right: -33%;}
.catergory-block{position:relative;margin-bottom:12px;padding-right:50px}
.catergory-block:after{position:absolute;bottom:0;left:0;width:200%;background:url(assets/img/border-dashed.jpg) repeat-x left top;height:2px;content:''}
.blog .right-col:after{position:absolute;content:'';top:-50%;left:40px;width:26px;z-index:1;transform:rotate(-17.5deg);height:calc(100% + 1000px);background:#fff;-webkit-transform:rotate(-17.5deg);-moz-transform:rotate(-17.5deg);-o-transform:rotate(-17.5deg);-ms-transform:rotate(-17.5deg)}
.catergory-block h4{color:#52198b;margin-bottom:15px}
.staff{width: 115px;display:inline-block;margin-right: 30px;vertical-align:top;margin-bottom:18px;}
.staff a{display:block}
.staff .staff-img{border:4px solid #52198b;margin-bottom:10px;transition:all .3s ease-in-out}
.staff a:hover .staff-img{border-color:#ffc200}
.staff-text{font-size:12px;line-height:15px;color:#161616;text-decoration:none}
.staff-text b {font-size: 14px;line-height: 16px;}
.inner-page .staff-text p{margin-bottom:0}
.blog .bottom-text{margin:25px 0 15px}
.blog .location{padding:5px 0 5px 37px;background:url(assets/img/location-pin.png) no-repeat left top;background-size:25px}
.blog .inner-page .mobile-header{display:none}
.post-content{padding:0 0 65px 140px}
.post-content .staff-img{width:225px;text-align:center}
.post-content .staff-img img{width:110px;border:4px solid #52198b}
.post-header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:20px;font-size:22px;line-height:24px;color:#35434d}
.post-header .text{width:70%}
.single-post .show-more-content{padding-left:230px;max-width:88%}
.single-post .inner-page h1{color:#35434d;font-size:25px;line-height:28px;max-width:100%;margin-bottom:0;display:block}
.purple-bg.page-content.with-text .col + .col {width:45%;min-width:45%}
.purple-bg.page-content.with-text .col{width:55%;min-width:55%}
.purple-bg.page-content .container{align-items:center;height:575px}
.purple-bg.page-content .text{padding:50px 0}
.purple-bg.page-content.with-text .text{max-width:500px}
.purple-bg.page-content p{margin-bottom:25px}
.purple-bg.page-content .col:last-child{text-align:left}
.purple-bg.page-content .col:first-child .text a{color:#fff;font-weight:700}
.purple-bg.page-content .col:first-child .text a:hover{color:#ffc200;text-decoration:none}
.purple-bg.page-content .text.cascade{color:#000}
.page-content h3{font-size:26px;line-height:32px;margin-bottom:15px}
.purple-bg.page-content h3{color:#fff}
.page-id-305 h1{display:none}
.page-id-305 .inner-page .mobile-header{float:none;margin-bottom:30px}
.page-id-305 .inner-page .under-title {max-width: 100%;}
.simple-page .container{max-width:990px;padding-bottom:50px;color:#777d86}
.faqs .container{max-width:1300px}
.faqs-list{display:flex;flex-wrap:wrap;text-align:left;margin-top:120px;padding-bottom:50px}
.faqs-list .col{width:50%;margin-bottom:20px}
.answer.col{padding-top:23px}
.question.col{padding:0 35px 0 140px}
.faqs .back{top:50px}
.embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%}
.embed-container iframe,.embed-container object,.embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%}
.cascade p span.hspacer{width:9px;display:inline-block}
.page-id-305 a.back {display: none;}
.faqs-list .col.toptips {background: #f4f4f5;padding: 20px;}
.faqs-list .col.toptips p strong {color: #52198b;font-size: 24px;line-height: 24px;}
ol li {list-style: decimal;}
.toptips ol li {padding-bottom: 20px;}
h2.pdf-h2 {margin-bottom: 0;}
h3.pdf-h3 {font-size: 30px;color: #cccccd;line-height: 30px;}
li.facebook a {display: block;text-indent: -9999px;width: 32px;height: 32px;background: url(assets/img/F-header-rollover.svg) no-repeat 0 0;background: url(assets/img/F-header.svg) no-repeat 0 0;background-size: 32px;}
li.facebook a:hover {background: url(assets/img/F-header-rollover.svg) no-repeat 0 0;background-size:32px;}

li.linkedin a {display: block;text-indent: -9999px;width: 32px;height: 32px;background: url(assets/img/F-header-rollover.svg) no-repeat 0 0;background: url(assets/img/Linked-In.svg) no-repeat 0 0;background-size: 32px;}
li.linkedin a:hover {background: url(assets/img/Linked-In-rollover.svg) no-repeat 0 0;}

#footer li.facebook a {background: url(assets/img/F-footer.svg) no-repeat 0 0;margin-top: 5px;}
#footer li.facebook a:hover {background: url(assets/img/F-footer-rollover.svg) no-repeat 0 0;}
#footer li.facebook,#footer li.linkedin{float:left;}

#footer li.linkedin a {background: url(assets/img/Linked-In-f.svg) no-repeat 0 0;margin-top:5px;margin-left:10px;}
#footer li.linkedin a:hover {background: url(assets/img/Linked-In-f-rollover.svg) no-repeat 0 0;}
.safe p {margin-bottom: 5px;}
.full-width-image {padding: 0 25px;position: relative;overflow: hidden;}
.full-width-image img {max-width: 1900px;margin: 0 auto;display: block;max-width: 100%;height: auto;}
.full-width-image.with-text {padding: 30px 0;}
.full-width-image.with-text img {max-width: 1300px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.full-width-image.with-text .container {max-width: 1200px;color: #fff;display: flex;}
.full-width-image.with-text h2 {color: #fff;margin-bottom: 10px;text-shadow: 1px 1px 1px rgb(0 0 0 / 50%);}
.full-width-image .text {margin-left: auto;}
.full-width-image .text li {font-size: 24px;line-height: 33px;padding-left: 40px;position: relative;text-shadow: 1px 1px 1px rgb(0 0 0 / 50%);}
.full-width-image .text li:before {position: absolute; content: '\2713';left: 0; top: 0;font-style: italic;font-size: 26px;}

.title-image.demo .img-h{display:flex}
.title-image {padding: 70px 0;text-align: center;}
.title-image .container {max-width: 1170px;}
.title-image h2 {margin-bottom: 13px;}
.title-image .subtext {font-weight: bold;color: #777d86;margin: 15px 0 0;}
.enhanced {padding: 70px 0;text-align: center;}
.enhanced + .title-image {padding-top: 50 !important;}
.enhanced .container {display: flex;flex-wrap: wrap;justify-content: center;}
.enhanced .container>h2 {width: 100%;margin-bottom: 10px;text-align: center;}
.enhanced .middle {width: 10%;text-align: center;}
.enhanced .middle h2 {font-style: italic;}
.enhanced .left,
.enhanced .right {width: 45%;}
.enhanced .left h2 {margin-bottom: 20px;text-align: right;margin-right: 80px;}
.enhanced .right h2 {margin-bottom: 20px;margin-left: 80px;text-align: left;}
.enhanced .right li {font-size: 23px;line-height: 30px;}
.enhanced .left p {font-size: 23px;line-height: 30px;margin-bottom: 20px;}
.enhanced .right ul,
.enhanced .left ul {display: flex;flex-wrap: wrap;text-align: center;margin: 0px -20px 20px;}
.enhanced .left li {width: 25%;display: block;padding: 0px 5px;}
.enhanced .right li {width: 50%;display: block;padding: 0px 5px;}
.enhanced .right p img {margin-bottom: 30px;}
.enhanced .subtext {display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.enhanced .subtext p {margin-right: 10px;margin-bottom: 0;font-size: 23px;line-height: 30px;}
.enhanced .left .subtext img {max-width: 65px;}
.enhanced .left .subtext img {margin-right: 5px;}
.enhanced .right .subtext img {max-width: 95px;}

.tdconnect a {
    border-bottom: none !important;
    background: #ffc200;
    padding: 8px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    border-radius: 12px;
}
.tdconnect {
    display: inline-block;
    max-width: 160px;
    text-align: center;
    margin-right: 10px;
}
.tdwrite {
    display: inline-block;
    max-width: 345px;
}
.tdwrite h4 {
    position: relative;
    top: 4px;
}

@media screen and (min-width: 2000px) {
    .center-angle .img-h img {max-width: 188%;}
    .right-angle .img-h img {bottom: -148px;max-width: 173%;}
    .inner-page:before {width: 15%;}
}

/* Pagination */
#content #prev-next {list-style:none}
#content #prev-next #prev {float:left}
#content #prev-next #next {float:right}

/*Video*/
.video.media{text-align:center;  color: #777d86;}
.videos-list{text-align:left;max-width:1017px;margin:0 auto;padding:0;list-style:none;overflow:hidden;}
.videos-list li{text-align:center;width:31.5%;margin:0 2.7% 79px 0;display:inline-block;vertical-align:top;}
.videos-list li:nth-child(3n){margin-right:0;}
.videos-list li a:hover{text-decoration:none;}
.videos-list li a:hover span{color:#52198b;}
.videos-list li a img{-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;max-width:100%;height:auto;display:block;margin:0 auto 31px;}
.videos-list li a:hover img{opacity:0.7;}
.videos-list li a span{display:block;padding:0 10px;color:#485462;font:bold 25px/25px 'Calibri', Arial, Sans-Serif;}

/* Sidebar */
#sidebar {float:right;padding:10px 0 20px;width:200px}
#sidebar ul {list-style:none;margin:0 0 1em 18px}
#sidebar ul ul {list-style:disc}


/*Tables*/
.tables-section{background:#f4f4f5;padding:50px 0;color:#777d86}
.tables-section + .tables-section {padding-top: 0;}
.tables-section h2{text-align:center;margin-bottom:30px}
.tables-section .container{max-width:1250px}
.tables-header-desc{display:flex;text-align:center;flex-wrap:wrap;justify-content:flex-end;margin-bottom:15px}
.table + .table-header + .description-col,
.tables-section .table-header.mobile {display: none ;}
.tables-section .table-header{padding:0 10px;width:38%}
.tables-section .table-header h4{background:#52198b;color:#fff;font-size:27px;line-height:normal;font-weight:500;padding:13px 15px 17px;margin-bottom:2px}
.tables-section .table-header .desc{background:#52198b;color:#fff;padding:4px 10px 6px;font-size:16px;line-height:18px;min-height: 64px;display: flex;align-items: center;width: 100%;}
.tables-section .table + .table-header h4,.tables-section .table + .table-header.mobile .desc,
.tables-section .table-header:nth-child(2) h4,.tables-section .table-header:nth-child(2) .desc{background:#252525}
.tables-section .extra,
.tables-inner{display:flex;flex-wrap:wrap}
.tables-section .title-extra,.tables-section .description-col{width:24%;text-align:right}
.tables-section .table{width:38%;padding:0 10px}
.tables-section .table .row:first-child .cell{background:#52198b;color:#fff;font-weight:700;font-size:19px}
.tables-section .table .row{display:flex;text-align:center;background:#8f8cdf}
.tables-section .table .row .cell{width:33.332%;border:1px solid #7981d6;color:#2f5597;font-size:15px;font-weight:700}
.tables-section .table .row .cell,.description-col .cell{height:32px;display:flex;align-items:center;justify-content:center}
.tables-section .table:last-child .row:not(.bottom) .cell{border:none;color:#404040}
.description-col .cell{justify-content:flex-end;padding-right:5px}
.tables-section .table .row .cell + .cell{border-left:0}
.tables-section .table .row + .row .cell{border-top:0!important}
.tables-section .table .row:nth-child(odd){background:#c0b2e9}
.tables-section .table:last-child .row .cell.check,.tables-section .table .row .cell.check{color:#fff;font-style:italic}
.tables-section .table:last-child .row{background:#838383}
.tables-section .table:last-child .row:nth-child(odd){background:#a5a5a5}
.tables-section .table:last-child .row:first-child .cell{background:#000;color:#fff}
.description-col .cell:first-child,.tables-section .table .row:first-child{margin-bottom:2px}
.tables-section .table .row.bottom{background:#52198b;margin:2px 0 4px}
.tables-section .table:last-child .row.bottom{background:#252525}
.tables-section .table:last-child .row.bottom .cell,.tables-section .table .row.bottom .cell{border-color:#fff!important;border-width:2px 2px 0 0 !important;height:34px;color:#fff;font-weight:400}
.tables-section .table .row.bottom .cell:last-child{border-right:none!important}
.tables-section .table .row.bottom b{font-size:20px}
.description-col .cell.bottom{font-size:22px;letter-spacing:-.8px;margin:2px 0 4px;height:34px}
.tables-section .button-mail{color:#000;font-weight:700;text-align:center;display:block;border:3px solid #52198b;border-radius:10px;font-size:17px;line-height:18px;padding:5px 10px;text-decoration:none;box-shadow:0 1px 6px 1px rgba(0,0,0,0.5)}
.tables-section .button-mail:hover{background:#52198b;color:#fff}
.button-holder{display:flex;flex-wrap:wrap;padding-top:5px}
.button-holder .cell{width:33.332%;padding:0 5px}
.tables-section .table:last-child .button-mail{border-color:#ffc200}
.tables-section .table:last-child .button-mail:hover{background:#ffc200}
.tables-section .button-big{color:#fff;text-align:center;display:block;border:none;border-radius:10px;font-size: 19px;line-height: 28px;padding:5px;text-decoration:none;box-shadow:0 1px 6px 1px rgba(0,0,0,0.5);background: #ffc200;width: 100%;}
.tables-section .button-big:hover {background: #52198b;}
.tables-section .button-h {margin: 20px 0 20px 24%;}
.tables-section .button-h,
.tables-section .text-extra{width:76%;padding:0 10px}
.tables-section .title-extra {font-weight: bold;padding-right: 5px;}

/* Footer */
#footer {background: #ffc200;padding: 105px 0;}
#footer .container {max-width: 1100px;}
#footer #menu-footer-menu {padding: 0 12px;display: flex;justify-content: space-between;align-items: flex-start;}
#footer #menu-footer-menu>li {min-width: 142px;}
#footer #menu-footer-menu>li>a {font-weight: bold;color:#000;font-size: 28px;line-height: 32px;text-decoration: none;cursor: default;}
#footer #menu-footer-menu .sub-menu {margin-top: 25px;}
#footer .footer-bottom .menu a,
.footer-bottom p,
#footer #menu-footer-menu .sub-menu a {color:#fff;text-decoration: none;}
#footer .footer-bottom .menu a:hover,
#footer #menu-footer-menu .sub-menu a:hover {color:#000;}
.footer-bottom {border-top: 1px solid #c1a955;padding: 25px 12px 0;margin-top: 105px;display: flex;justify-content: space-between;}
.footer-bottom p {padding-top: 3px;}
.footer-bottom .menu {column-count: 2;column-gap: 72px;white-space: nowrap;width: 357px;}
.footer-bottom .app-links {margin-top: 17px;margin-left: 10%;}

/* Image Alignment */
img.aligncenter {display:block;margin-left:auto;margin-right:auto}
img.alignright {display:inline;margin:0 0 2px 7px;padding:4px}
img.alignleft {display:inline;margin:0 7px 2px 0;padding:4px}
.alignright {float:right}
.alignleft {float:left}

/* 2.7+ Comments */
#comments_wrap ol {list-style:none}
#comments_wrap ol li {border-bottom:1px solid #CCC;margin:0 0 5px}
#comments_wrap .commentmetadata {margin:0 0 10px}
#comments_wrap .comment-author {border-bottom:1px solid #CCC;width:100%;overflow:hidden;padding:0 0 3px;line-height:32px;}
#comments_wrap .comment-author img {float:left;margin:0 10px 0 0}
#comments_wrap .comment-author cite {font-weight:bold}

/* Captions */
.wp-caption {background:#f3f3f3;border:1px solid #ddd;border-radius:3px;margin:10px;padding-top:4px;text-align:center}
.wp-caption img {border:0 none;margin:0;padding:0}
.wp-caption p.wp-caption-text {font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}

/*modal video*/
@keyframes modal-video{from{opacity:0}to{opacity:1}}@keyframes modal-video-inner{from{transform:translate(0, 100px)}to{transform:translate(0, 0)}}.modal-video{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1000000;cursor:pointer;opacity:1;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.modal-video-close{opacity:0}.modal-video-close .modal-video-movie-wrap{-webkit-transform:translate(0, 100px);-moz-transform:translate(0, 100px);-ms-transform:translate(0, 100px);-o-transform:translate(0, 100px);transform:translate(0, 100px)}.modal-video-body{max-width:940px;width:100%;height:100%;margin:0 auto;display:table}.modal-video-inner{display:table-cell;vertical-align:middle;width:100%;height:100%}.modal-video-movie-wrap{width:100%;height:0;position:relative;padding-bottom:56.25%;background-color:#333;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video-inner;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-ms-transition:-ms-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal-video-movie-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}.modal-video-close-btn{position:absolute;z-index:2;top:-35px;right:-35px;display:inline-block;width:35px;height:35px;overflow:hidden;border:none;background:transparent}.modal-video-close-btn:before{transform:rotate(45deg)}.modal-video-close-btn:after{transform:rotate(-45deg)}.modal-video-close-btn:before,.modal-video-close-btn:after{content:'';position:absolute;height:2px;width:100%;top:50%;left:0;margin-top:-1px;background:#fff;border-radius:5px;margin-top:-6px}


@media screen and (max-width: 1440px) {
    .easy.right-angle .col {width: 60%;} 
    .easy.right-angle .col + .col {width: 40%;}
    .easy.right-angle .img-h img {right: 0;}
    .easy.right-angle .container:before {right: -6%;}
	.page-template-pt-franchising  #soc.purple-bg .img-h .social{display:none;}
	.page-template-pt-franchising #soc .img-h img{max-width:90%}
}
@media screen and (max-width: 1370px) {
	.page-template-pt-franchising .purple-bg.twotext#opportunity .triangle{height:450px}
	.page-template-pt-franchising .purple-bg.twotext .col:nth-child(2) ul li{overflow:visible}
	.page-template-pt-franchising .purple-bg.twotext .container:before {    right: 54%;}
	.page-template-pt-franchising  .purple-bg:first-child  .container{align-items:stretch;max-width:1300px}
	.page-template-pt-franchising  #next  .container{align-items:stretch;max-width:1300px}
	.page-template-pt-franchising  #soc  .container{align-items:flex-start; }
	.page-template-pt-franchising .purple-bg .img-h .social{display:none;}
	.page-template-pt-franchising #soc .img-h img{max-width:90%;height: auto;    min-height: 1px;}
	.page-template-pt-franchising  #areyouright  .container{align-items:stretch;max-width:1300px}
	.page-template-pt-franchising  .threecolumns    .container{max-width:1300px}
	.page-template-pt-franchising  .purple-bg   .container{max-width:1300px}
	.page-template-pt-franchising  #next  .container  .img-h,
	.page-template-pt-franchising  #areyouright  .container  .img-h,
	.page-template-pt-franchising  .purple-bg:first-child  .container .img-h{height:100%}
	.page-template-pt-franchising  #next  .container .img-h img,
	.page-template-pt-franchising  #areyouright  .container .img-h img,
	.page-template-pt-franchising  .purple-bg:first-child  .container .img-h img{max-width:300%;left:-300px}
	.page-template-pt-franchising .triangle{width:31%}
    .video-block .img-video img {min-width: 100%;min-height: 100%;width: auto;max-width: 105%;}
    .cascade {font-size: 17px;}
    .container {max-width: 995px;}
    .bottom-welcome .container {max-width: 100%;}
    .home .container {max-width: 1160px;}
    header .container {max-width: 1100px;}
    .page-template-pt-merchant header,
    header{height: 128px;margin-bottom: 13px;}
    header .menu>li {margin-right: 25px;}
    h2 {font-size: 45px;line-height: 50px;}
    .logo {max-width: 130px;}
    .sticky-header {padding-top: 141px;}
    .sticky-header .logo {max-width: 117px;}
    .center-angle .col,
    .center-angle .col + .col {min-width: 50%;width: 50%;}
    .center-angle {height: auto;}
    .right-angle:before,
    .center-angle:before {width: 20%;}
    .center-angle .container {align-items: center;}
    .home .center-angle .col {min-width: 44.5%;width: 44.5%;}
    .home .center-angle .col + .col{min-width: 55.5%;width: 55.5%;}


    .center-angle .img-h img {top: 0;left: 0;}
    .safe.center-angle .img-h img {left: -65px;max-width: 160%;}

    .see img {height: 474px;margin-left: -45px;}
    .right-angle:not(.videos) .container:before {right: -21%;}
    .see .text {padding: 80px 0 0 80px;width: 100%;}
    .app-links a {width: 131px;height: 41px;}
    .see .text h2 {font-size: 50px;line-height: 55px;}
    .under-title {font-size: 20px;}
    .steps .container {max-width: 100%;}
    .home .film,
    .steps {padding-top: 50px;}
    .safe h2 {font-size: 40px;line-height: 45px;}
    .safe p,
    .easy p {font-size: 18px;line-height: 22px;}
    .purple-bg.page-content .container {height: auto;}
    .purple-bg.page-content.full-img .container {align-items: flex-start;}
    .purple-bg.page-content .col {height: 100%;}
    .purple-bg.page-content .img-h {height: 100%;}
    .easy.right-angle, .safe.center-angle, .right-angle .img-h, body:not(.home) .center-angle .img-h {height: 448px;}
    .safe .container:before {left: -21%;}
    .easy.right-angle .container:before {right: -6%;}
    .right-angle .img-h img {right: -35px;}
    .video-holder {height: 430px;padding-top: 102px;}
    .iframe-h {width: 360px;height: 203px;}
    .iframe-h.no-film{background-size: 360px 203px;}
    .left-col{width:calc(100% - 260px);padding:20px 109px 65px 40px}
    .right-col{width:260px;color:#fff;padding-top:85px;padding-right:40px}
    .inner-page .container{max-width:100%}
    .back{position:relative;margin-top:30px;display:inline-block}
    .inner-page{margin-top:30px}
    .inner-page.right-angle .container:before{right:-30%}
    .blog .inner-page.right-angle .container:before{right:-34%}
    .inner-page:before{width:1%}
    .single-post .back{left:60px}
    .post-content{padding:0 0 65px}
    .purple-bg.page-content .text{max-width:none;padding-right:50px}
    .cascade{padding-left:42px;padding-top:44px;padding-bottom:44px}
    pre{font-size:16px}
    #menu-top-right-menu li:last-child .sub-menu{left: initial;right: 0;}
    .faqs-list {margin-top: 70px;padding-bottom: 0}
    .faqs .container{padding: 0 35px 50px;}
    .faqs .back {top: 0;margin-right: auto;float: left;}
    .question.col {padding: 0 35px 0 0;}
    .blog .right-col {padding-right: 0}
    .enhanced .container {max-width: 1300px;}

    .purple-bg.page-content.with-text .col + .col {min-width: 55%;width: 55%;}
    .purple-bg .img-text {font-size: 29px;line-height: 45px;}
    .enhanced .subtext p,
    .enhanced .right li,
    .enhanced .left p {font-size: 21px;line-height: 28px;}
    .enhanced .left li {font-size: 18px;}
}
@media screen and (max-width: 1245px) {
    .page .show-more-content,
    .inner-header {padding-right: 50px;}
    .blog .right-col:after {left: 33px; width: 44px;}
    .blog .right-col {padding-right: 0}
    .blog .inner-page .under-title {max-width: 80%;}
    .blog .left-col {padding-left: 40px;} 
    .blog .inner-page.right-angle .container:before {right: -32%;}   
    .video-block .img-video {height: 200px;} 
    .videos .text h2 br{display: none}
    .bottom-welcome .img-h img {height: 400px;}
}
@media screen and (max-width: 1200px) {
	.page-template-pt-franchising .purple-bg.twotext .col:nth-child(2) .text > *{overflow:hidden;}
}
@media screen and (max-width: 1024px) {
    .tables-header-desc {display: none;}
    .tables-section .container {padding: 0 15px}
    .table + .table-header + .description-col, .tables-section .table-header.mobile {display: block;}
    .tables-section .table-header.mobile {width: 68%;margin-left: 32%;text-align: center;margin-bottom:15px;}
    .tables-section .table + .table-header.mobile {margin-top: 30px;}
    .tables-section .text-extra,
    .tables-section .table {width: 68%;}
    .tables-section .title-extra,
    .tables-section .description-col {width: 32%;}
    .description-col .cell.bottom {font-size: 18px;}
    .tables-section .button-h {margin-left: 0;width: 100%}
    .tables-section .button-h .button-big {font-size: 16px}

     #menu-top-right-menu li.facebook {display: none;}
     #menu-top-right-menu li.linkedin {display: none;}
	.drop-slide-wrapper{position:static!important;width:auto!important;height:auto!important}
    .blog .inner-page.right-angle .container:before {right: -30%;} 
    #page {padding-top: 141px;}
    .logo {z-index: 9999;}
    .menu-dropdown:before {position: absolute;width: 100%;background: #fff;content: '';left: 0;right: 0;top: 0;height: 141px;z-index: 1000;}
    .menu-holder {position: fixed;background: #fff;z-index: 999;height: 100%;overflow: auto;top: 0;left: 0;width: 100%;transform: translate(0, -100%); transition: 0.3s ease-in-out;padding-top: 141px;padding-bottom: 100px;}
    .open .menu-holder{transform:translate(0,0);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0)}
    header .menu-button{display:block;text-indent:-9999px;position:relative;width:58px;height:48px;margin-top:41px;float:right;z-index:9999}
    header .menu-button .humb{width:58px;height:5px;background-color:#354651;display:block;transition:background-color 0 linear .13s;border-radius:10px}
    header .menu-button .humb:after,header .menu-button .humb:before{transition-timing-function:ease;transition-duration:.15s;transition-property:transform;right:0;height:5px;background-color:#354651;position:absolute;content:'';border-radius:10px}
    header .menu-button .humb:after{width:58px;top:20px;transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}
    header .menu-button .humb:before{width:58px;top:40px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}
    header .open .menu-button .humb{transition-delay:.22s;background-color:transparent!important}
    header .open .menu-button .humb:after{top:9px;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(-45deg)}
    header .open .menu-button .humb:before{top:9px;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(45deg)}
    header{height:128px;position:fixed;top:0;left:0;width:100%;z-index:999;background:#fff}
    header .menu{padding:0;width:100%;float:none}
    header .menu li{border-top:1px solid #efefef;display:block;text-align:left;margin-right:0}
    header .menu li .sub-menu a,header .menu li a{font-size:24px;line-height:26px}
    header .menu>li>a{padding-left:80px}
    header .menu li .sub-menu{position:relative;padding:0;left:0}
    header .menu li .sub-menu a{font-weight:400;color:#52198b;padding-left:130px}
    header .menu li .sub-menu a:hover,header .menu li .sub-menu .current-menu-item a{background:#efefef}
    #menu-item-15 .sub-menu a{background:#fff!important}
    #footer .container{max-width:990px}
    #footer{padding:55px 0}
    #footer #menu-footer-menu>li>a{font-size:25px}
    #footer #menu-footer-menu .sub-menu{margin-top:20px}
    .footer-bottom .menu{column-gap:44px;width:330px}
    .merchant{margin-top:20px}
    header .container{max-width:100%;padding:0 80px}
    .left-col{padding:20px 84px 65px 40px;width:calc(100% - 240px)}
    .inner-page .size-post{max-width:200px;max-height:130px}
    .right-col{width:240px}
    .inner-page .container:before{width:48%}
    .show-more-content{padding-right:0}
    .inner-header{padding-right:60px}
    .inner-page h1{font-size:32px;line-height:38px}
    .page .show-more-content{font-size:20px;line-height:23px;margin-bottom:20px}
    .inner-page .under-title{font-size:24px;line-height:30px;margin-bottom:25px}
    .bottom{font-size:16px;line-height:20px}
    .blog .right-col h2{margin-bottom:30px}
    .blog .right-col p{font-size:18px;line-height:24px}
    .blog .right-col:after{left:53px;width:23px}
    .right-col h2{color:#fff;font-size:40px;line-height:44px}
    .staff{width:100px}
    .staff-text{font-size:10px;line-height:12px}
    .blog .inner-page .under-title{max-width:100%;font-size:22px;line-height:28px}
    .blog .location{font-size:16px;margin-right:-50px}
    .post-content{padding-left:105px}
    .post-header{display:block;margin-bottom:45px}
    .post-content .staff-img{text-align:left;width:auto;margin-bottom:40px}
    .post-content .staff-img img{width:138px}
    .single-post .back{left:0}
    .single-post .show-more-content{padding-left:5px;max-width:92%}
    pre{font-size:14px}
    .videos .container {padding-left: 8px;}
    .videos .text h2, .see .text h2 {font-size: 45px;line-height: 52px;}
    .video-block h4 {padding: 4px 10px;font-size: 20px;}
    .video-block .img-video {height: 185px;}
    .video-block:nth-child(2n) .play {left: 130px}
    .videos .col + .col {width: 30%;}
    .videos .text p {font-size: 20px;}
    .easy.right-angle .text h2 {width: auto;}
    .easy.right-angle .text p {padding-left: 0;font-size: 20px;}
    .steps .first-slide .img-h img {max-height: 400px;height: 400px;}
    .steps .left-text .text,
    .steps .right-text .text {width: 60%;}
    .steps .left-text .img-h,
    .steps .right-text .img-h {width: 40%;}
    .steps .right-text h2, .steps .left-text h2 {margin-bottom: 50px;}
    .slider .slide {padding: 0;}
    .slider h2 {font-size: 35px;line-height: 40px;}
    .steps .top-text {position: relative;left: 0;right: 0 !important;margin: 0 auto 10px;}
    .steps .right-text .img-h {padding-right: 0;}
    .steps .left-text .icon-text {padding-left: 0;padding-right: 40px;}
    .steps .merchant-slide .text{width: 60%;font-size: 16px;line-height: normal;padding: 0 20px;}
    .steps .merchant-slide .img-h {padding-left: 0;}
    .home h2, .welcome h1 {font-size: 45px;line-height: 50px;}
    .home .center-angle strong, .home .center-angle b {font-size: 21px;line-height: 28px;}
    .home .center-angle .img-h {height: 475px;}
    #phone-based .text {margin-right: -20px;}
    #epos-equipment .text {margin-right: 0;}
    .enhanced .left li {font-size: 14px;line-height: 20px;}
    .enhanced .subtext p, .enhanced .right li, .enhanced .left p {font-size: 17px;line-height: 21px;}
    .enhanced .left .subtext img {max-width: 50px;}
    #hands-up h2 {margin-bottom: 40px;}
    .purple-bg .img-text {font-size: 26px;line-height: 43px;}
}
@media screen and (max-width: 1172px) {
	#epos-equipment .text{margin-right:0}
	#epos-equipment .text h2 br{display:none;}
	#epos-equipment  .text br{display:none;}
}
@media screen and (max-width: 980px) {
.page-template-pt-franchising .purple-bg .container{display:block;}
	.page-template-pt-franchising .purple-bg .container .col{width:auto}
	.page-template-pt-franchising  .center-angle .container:before{left:-10%!important}
	.page-template-pt-franchising .enhanced .left{width:100%}
	.page-template-pt-franchising .enhanced {padding-bottom:30px}
	.page-template-pt-franchising .enhanced .right{width:100%}
	.page-template-pt-franchising .purple-bg.twotext .col:first-child{width:100%}
	.purple-bg#why .container::before{display:none;}
		#why{background:#ffc200;}
		.page-template-pt-franchising #why.purple-bg .container .col .text > *{color:#fff}
		.page-template-pt-franchising #why.purple-bg.twotext:after{display:none;}
	.page-template-pt-franchising .purple-bg.twotext .col:nth-child(2) .text{padding-top:0}
	.page-template-pt-franchising #opportunity:before,
	.page-template-pt-franchising  #why:before{display:none;}
	.page-template-pt-franchising .triangle{display:none;}
	.page-template-pt-franchising #opportunity.purple-bg.twotext .container:before{display:none;}
	.page-template-pt-franchising #opportunity {background:#854fbe}
	.page-template-pt-franchising  #opportunity.purple-bg .container .col .text > *{color:#000}
    .purple-bg.page-content.with-text .col p br{display: none;}
    .purple-bg.page-content.with-text .col + .col {min-width: 60%;width: 60%;}
	.page-template-pt-franchising  #soc.purple-bg .col + .col{display:none;}
    .cat-list{margin-left:0;margin-right:0;}
    .cat-list li{margin-bottom:12px;}
    .cascade {font-size: 12px;}
    .container {max-width: 740px;}
    header .container {max-width: 100%;padding: 0 60px;}
    .safe p, .easy p,
    body {font: normal 16px/21px 'Calibri', Arial, Sans-Serif;}
    .logo {max-width: 110px;}
    header {height: 110px;}
    #page {padding-top: 123px;}
    .menu-holder {padding-top: 123px;}
    .menu-dropdown:before {height: 123px;}
    header .menu-button {width: 50px;height: 45px; margin-top: 31px;}
    header .menu-button .humb:after, header .menu-button .humb:before,
    header .menu-button .humb {width: 50px;}
    header .menu-button .humb:after {top:18px;}
    header .menu-button .humb:before {top:36px;}
    header .open .menu-button .humb:before,
    header .open .menu-button .humb:after {top: 6px;}
    h1{font-size:32px;line-height:36px}
    .safe h2,h2{font-size:30px;line-height:35px}
    .welcome .text p{margin-bottom:18px}
    .app-links a{width:100px;height:32px}
    body:not(.home) .center-angle .container:before{left:-23%}
    .welcome .size-content{width:205px;margin-right:4px}
    .right-angle .container:before{right:-17.5%}
    .home h2, .welcome h1,
    .see .text h2{font-size:35px;line-height:39px}
    .see img{height:340px;margin-left:0}
    .see .text{padding:0 0 0 50px;width:205px}
    .right-angle .container{align-items:center}
    .steps .slick-track {display: flex;}
    .steps .slide {float: none;}
    .steps .text{padding-top:0}
    .safe.center-angle p{margin-bottom:0}
    .easy.right-angle,.safe.center-angle,.right-angle .img-h,.center-angle .img-h{height:340px}
    .easy.right-angle .text br,.safe.center-angle .text br{display:none}
    .center-angle .img-h img{left: -66px;max-width: 160%;}
    .purple-bg.page-content .img-h img{max-width:200%}
    .safe.center-angle .container {max-width: 100%;}
    .safe .container:before{left:-7%}
    .safe.center-angle .col {width: 60%;min-width: 60%;}
    .safe.center-angle .col + .col {width:40%;min-width: 40%;}
    .safe.center-angle,
    .safe.center-angle .img-h {height: 386px;}
    .right-angle .img-h img{right:-57px}
    .video-holder{margin-top:15px}
    .film .container{padding:0;max-width:100%}
    #footer #menu-footer-menu{padding:0 12px}
    .footer-bottom{margin-top:0;padding:20px 5px 0 12px}
    #footer .container{padding:0 30px}
    .footer-bottom .app-links{margin-left:10%}
    .footer-bottom .qr-code {padding: 8px;width: 92px;}
    .page-id-305 .inner-page .mobile-header,.blog .inner-page .mobile-header,.inner-page .mobile-header{float:none;display:flex;justify-content:flex-end;align-items:center;height:140px;margin:0 -35px;width:calc(100% + 70px);overflow:hidden;margin-bottom:60px}
    .blog .inner-page .mobile-header{margin-bottom:30px}
    .inner-page .mobile-header h2{display:block;margin:-5px 0 0}
    .blog .right-col,.right-col,.inner-page:before,.inner-page h1 br,.inner-page .under-title br,.inner-page.right-angle .container:before{display:none}
    .blog .left-col,.left-col{width:100%;padding:0 10px 30px}
    .inner-header{padding:0}
    .inner-page h1{max-width:none}
    .inner-page .under-title{max-width:100%}
    .inner-page .size-post{margin-right:80px}
    .inner-page .mobile-header .yellow-bg{padding-left:100px;position:relative;height:100%;display:flex;align-items:center;width:50%}
    .inner-page .mobile-header .yellow-bg h2{color:#fff;z-index:2;position:relative}
    .inner-page .mobile-header .yellow-bg:before{position:absolute;content:'';top:-25%;left:30px;width:200px;height:150%;z-index:1;transform:rotate(-17.5deg);-webkit-transform:rotate(-17.5deg);-moz-transform:rotate(-17.5deg);-o-transform:rotate(-17.5deg);-ms-transform:rotate(-17.5deg);background:#ffc200}
    .inner-page .mobile-header .yellow-bg:after{position:absolute;content:'';top:0;left:100px;width:100%;height:100%;z-index:1;background:#ffc200}
    .blog .inner-header{padding-right:0}
    .catergory-block{padding-right:0;overflow:hidden}
    .staff{margin-bottom:30px}
    .mobile-header .text{font-size:20px;line-height:28px;font-weight:700;color:#5b5c5e;padding-right:60px}
    .cascade{padding-left:35px}
    #footer .footer-bottom .menu a,.footer-bottom p,#footer #menu-footer-menu .sub-menu a{font-size:13px;line-height:15px;display:block}
    #footer #menu-footer-menu>li{margin-bottom:70px;min-width:90px}
    #footer #menu-footer-menu .sub-menu{margin-top:10px}
    #footer #menu-footer-menu>li>a{font-size:20px}
    .footer-bottom .menu{column-gap:39px;width:237px}
    .cascade {padding-left: 0;font-size: 14px;}
    .toptips ol li br {display: none;}
    .video-block .img-video {height: 125px;}
    .video-block h4 {padding: 4px 10px;font-size: 16px;}
    .video-block .play {margin: -32px 0 0 -27px;width: 54px;height: 64px;}
    .video-block:nth-child(2n) .play {left: 100px;}
    .videos .text h2, .see .text h2 {font-size: 35px;line-height: 40px;}
    .videos .text p {font-size: 18px;}
    .videos .col + .col {width: 31%;}
    .steps .icon { width: 55px; min-width: 55px;}
    .steps .slide:not(.first-slide) .img-h img {height: auto;width: 100%;}
    .safe.center-angle .img-h img {top: 0;left: -179px;width: auto;max-width: 210%;}
    .easy.right-angle .text p {font-size: 16px;line-height: normal;}
    .steps .centered .testinomial,
    .steps .centered .icon-text {margin-bottom: 25px;}
    .steps .qr-code {padding: 13px;width: 110px;z-index: 2;}
    .slider h2 {font-size: 29px;line-height: 35px;}
    .bottom-welcome .img-h img {height: 300px;}
    .bottom-welcome .text h2 {margin-bottom: 30px;}
    .bottom-welcome .text p {font-size: 20px;line-height: 26px;}
    .bottom-welcome .text {width: 250px;}
    .enhanced .left li br {display: none;}
    .enhanced .left li {font-size: 12px; line-height: 16px; }
    .enhanced .left .subtext p {width: 100%;margin: 0 0 15px;}
    .purple-bg .img-text {font-size: 18px;line-height: 31px;}
    .purple-bg .gform_wrapper form {width: 100%;}
    .purple-bg .gform_body {width: calc(100% - 135px);}
    .purple-bg .gform_footer .gform_button {font-size: 18px;}
    .purple-bg.welcome .text {margin-right: -40px;}
    .purple-bg .gform_footer {width: 135px;}
    .home .center-angle strong, .home .center-angle b {font-size: 18px;line-height: 25px;}
    #epos-equipment h2 {margin-bottom: 40px;}
    .home .center-angle .text {display: block;}
    .home .center-angle .img-h {height: 390px;}
    .purple-bg input[type="text"] {font: normal 16px/26px 'Calibri', Arial, Sans-Serif;}
    .purple-bg input::-webkit-input-placeholder {font: normal 16px/26px 'Calibri', Arial, Sans-Serif;color: #c6c6c6}
    .purple-bg input:-ms-input-placeholder {font: normal 16px/26px 'Calibri', Arial, Sans-Serif;color: #c6c6c6}
    .purple-bg input::-moz-placeholder {font: normal 16px/26px 'Calibri', Arial, Sans-Serif;color: #c6c6c6}
    .purple-bg input:-moz-placeholder {font: normal 16px/26px 'Calibri', Arial, Sans-Serif;color: #c6c6c6}
    .full-width-image .text {margin-left: 0;}
    .full-width-image.with-text .container {justify-content: center;}
    .full-width-image .text li {font-size: 18px;line-height: 26px;margin-bottom: 10px;}
    .purple-bg .img-text {padding: 0 30px;width: 100%;max-width: 100%;}
    #hands-up .text {margin-right: 0;}
    #hands-up h4 {font-size: 22px;}
    #hands-up a {font-size: 18px;line-height: 18px;}
}
@media screen and (max-width: 900px) {
    .tables-section .button-mail {font-size: 21px;}
}
@media screen and (max-width: 767px) {
.leftimg.center-angle.white-bg .img-h img{right:auto}
.page-template-pt-franchising #soc.purple-bg .container,
	.page-template-pt-franchising #next.purple-bg .container,
	.page-template-pt-franchising #why.purple-bg .container,
	.page-template-pt-franchising #areyouright.purple-bg .container,
	.page-template-pt-franchising #opportunity.purple-bg .container,
	.page-template-pt-franchising .purple-bg:first-child .container{padding:0}
	.page-template-pt-franchising #soc.purple-bg .container .col,
	.page-template-pt-franchising #next.purple-bg .container .col,
	.page-template-pt-franchising #why.purple-bg .container .col,
	.page-template-pt-franchising #areyouright.purple-bg .container .col ,
	.page-template-pt-franchising #opportunity.purple-bg .container .col ,
	.page-template-pt-franchising .purple-bg:first-child .container .col {padding-left:30px;padding-right:30px;}
   .page-template-pt-franchising .purple-bg .text h1{ font-size: 32px;    line-height: 36px;}
	.page-template-pt-franchising .enhanced .left h3{font-size:20px;}
	.page-template-pt-franchising .purple-bg .col:first-chils .text p:last-chid{margin-bottom:0}
	.page-template-pt-franchising .enhanced .container > h2 small {    display: block;    padding-top: 0;    font-size: 22px;}
	.page-template-pt-franchising .threecolumns .cols-h{display:block;}
	.page-template-pt-franchising #opportunity.purple-bg .container .col:first-child .text > *{color:#fff;}
	.page-template-pt-franchising .threecolumns .cols-h > *{width:100%;float:none}
	.page-template-pt-franchising .threecolumns{padding-bottom:30px}
	.page-template-pt-franchising .threecolumns h3{font-size: 21px;margin-top:0;    line-height: 24px;}
.tables-section .button-mail {font-size: 17px;}
.merchant-list.gmask.thfirst ul li,
.merchant-list.gmask ul li{width:auto;}
.cat-list {
    margin-left:auto;
    margin-right:auto;
    max-width:320px;
}
.cat-list li span{    width: 90px;padding:8px;    height: 90px;}
.cat-list li:nth-child(1){margin-left:10px;}
.cat-list li:nth-child(2){margin-right:10px;}
    .videos-list li,
    .videos-list li:nth-child(3n){display:block;margin:0 0 30px;width:100%;}
    .videos-list li a img{margin-bottom:20px;}
	.page-template-pt-purple-side .center-angle.page-content .text p br {display:none;}
	.steps h3, .steps .slider p {-webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%;}	
	.page .show-more-content {padding-right: 0;}
	h3.pdf-h3 {font-size: 20px;line-height: 20px;}
	.toptips ol {margin-left: 20px;}
    .cascade {font-size: 16px;padding: 35px;}
    .cascade p br, .cascade p span.hspacer {display: none;}
    .purple-bg.page-content .cascade p {margin-bottom: 25px;}
    header .container {padding: 0 25px;}
    .logo {max-width: 90px;}
    header {height: 90px;}
    #page {padding-top: 103px;}
    .menu-holder {padding-top: 103px;}
    .menu-dropdown:before {height: 103px;}
    header .menu-button {width: 30px;height: 29px; margin-top: 31px;}
    header .menu-button .humb:after, header .menu-button .humb:before,
    header .menu-button .humb {width: 30px;height: 4px;}
    header .menu-button .humb:after {top:12px;height: 4px;}
    header .menu-button .humb:before {top:24px;height: 4px;}
    header .open .menu-button .humb:before,
    header .open .menu-button .humb:after {top: 2px;}
    .home .footer-bottom .app-links {display: block;}
    .inner-page .container,
    header .container {padding: 0 25px;}
    header .menu>li>a{padding-left: 50px;}
    header .menu li .sub-menu a {padding-left:100px;}
    .container {padding: 0 30px;}
    .center-angle:before,
    .bottom-welcome,
    .center-angle .container:before {display: none;}
    .purple-bg .col:first-child {background: rgb(162,98,230);
        background: -moz-linear-gradient(180deg, rgba(162,98,230,1) 0%, rgba(162,98,230,1) 27%, rgba(82,25,139,1) 100%);
        background: -webkit-linear-gradient(180deg, rgba(162,98,230,1) 0%, rgba(162,98,230,1) 27%, rgba(82,25,139,1) 100%);
        background: linear-gradient(180deg, rgba(162,98,230,1) 0%, rgba(162,98,230,1) 27%, rgba(82,25,139,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a262e6",endColorstr="#52198b",GradientType=1);}
    .center-angle .container {flex-wrap: wrap;}
    .center-angle .col {width: 100% !important;min-width: 100% !important;}
    .welcome .container {padding: 0;flex-wrap: wrap-reverse;}
    .welcome .text {max-width: 100%;display: block;padding: 30px 0;}
    .welcome .app-links{bottom:40px;position:absolute;left:30px;margin:0}
    .welcome .size-content{width:125px;margin:15px 0 0}
    .welcome .text p br{display:none}
    .right-angle .col + .col{width:100%}
    .right-angle .col{width:100%;height:auto}
    .right-angle .container:before{display: none;}
    .see img{height:280px;margin-left:-65px;max-width:none}
    .see .text{padding-top:15px}
    .see .text h2{margin-bottom:15px}
    .home .film,.steps{padding-top:30px}
    .steps .right-text h2, .steps .left-text h2,
    .steps h2{padding:0 20px;font-size: 22px;margin-bottom: 30px;line-height: 25px;}
    .blog .inner-page .under-title,.under-title{font-size:16.5px;line-height:20px}
    .steps .under-title{padding:0 30px}
    .steps .container{padding:0}
    .steps .slider{margin:30px 0 0}
    h3,.steps h3{font-size:20px;line-height:22px;margin-bottom:4px}
    .steps .slider p{font-size:16px;line-height:19px}
    .slider .slide br{display:none}
    .steps .img-h{width:190px}
    .steps .img-h img{height:270px;max-width:none}
    .slick-dots{bottom:5px}
    .slick-dots li{margin:0 3px}
    .slick-dots button{width:10px;height:10px}
    .film h2{padding:20px 30px 0;margin-bottom:40px}
    .iframe-h{max-width:360px;width:100%}
    .safe.center-angle{height:auto}
    .home .center-angle .img-h,
    .center-angle .img-h{height:225px;overflow:hidden}
    .center-angle .img-h img{top:50%;left:50%;max-width:120%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
    .safe.center-angle .container{padding:0}
    .safe.center-angle .col:first-child{padding:25px 20px;text-align:center}
    #footer #menu-footer-menu{justify-content:space-between;align-items:flex-start;flex-wrap:wrap}
    #footer #menu-footer-menu>li{min-width:44%;width:44%}
    #footer #menu-footer-menu .sub-menu{margin-top:10px}
    #footer #menu-footer-menu>li>a{font-size:18px}
    .footer-bottom .app-links a{width:127px;height:40px}
    .footer-bottom .app-links{bottom:137px;left:55%;right:initial;position:absolute;margin:0}
    .footer-bottom .qr-code{bottom:240px;left:55%;right:initial;position:absolute;margin:0;width: 99px;}
    .footer-bottom{flex-wrap:wrap-reverse}
    .footer-bottom .menu{width:100%;column-gap:10%}
    .footer-bottom p{padding-top:0;margin-top:25px}
    #footer .footer-bottom .menu a,.footer-bottom p,#footer #menu-footer-menu .sub-menu a{font-size:14px;line-height:17px}
    .merchant-list{padding:40px 0 0;justify-content:flex-start}
    .media .under-title,.media h3{margin-bottom:30px}
    .media .merchant-list{padding:0;justify-content:center}
    .merchant-list a{width:50%;padding:0 20px;margin-bottom:40px;font-size:18px;line-height:20px}
    .merchant-list img{max-height:100px}
    .merchant h2{padding:0 20px}
    .show-more-content{font-size:18px;line-height:22px}
    .inner-page .under-title{font-size:20px;line-height:26px}
    .inner-page h1{font-size:22px;line-height:25px;margin-bottom:5px}
    .single-post .inner-page h1{font-size:22px;line-height:25px}
    .inner-page .mobile-header .yellow-bg{padding-left:55px}
    .inner-page .mobile-header .yellow-bg h2{font-size:22px;line-height:26px}
    .blog .inner-page .mobile-header,.inner-page .mobile-header{justify-content:space-between;height:100px;padding-left:35px}
    .inner-page .size-post{margin-right:0;max-width:35%;max-height:90px;width:auto}
    .inner-page .mobile-header .yellow-bg:before{top:-35%;height:170%}
    .inner-page .mobile-header .yellow-bg{width:60%}
    .staff-list{display:flex;margin-right:-30px;justify-content:space-between;flex-wrap:wrap}
    .blog .location{margin-right:0}
    .mobile-header .text{font-size:16px;line-height:22px;padding-right:0;width:40%}
    .mobile-header .text br{display:none}
    .post-content{padding:0 15px 50px}
    .post-header{display:flex;margin-bottom:20px;font-size:20px;line-height:22px}
    .post-content .staff-img{margin:0 20px 0 0}
    .post-content .staff-img img{width:120px}
    .single-post .show-more-content{padding:0;max-width:100%}
    .post-header .text{width:50%}
    .back{margin-top:25px}
    .purple-bg.page-content .container{padding:0}
    .purple-bg.page-content .text{display:block;padding:30px 35px;text-align:left}
    .purple-bg.page-content .img-h img{position:relative;width:100%;max-width:100%;min-width:0;min-height:0;top:0;left:0;transform:none}
    .faqs-list .col{width:100%;margin-bottom:0}
    .faqs-list .answer.col{margin-bottom:35px;padding-top:10px}
    .faqs h2{padding:0}
    .menu-dropdown:before{height:90px}
    .show-more:before{top:12px}
    .show-more:after{top:7px}
    .center-angle .col {text-align: left;}
    .welcome.center-angle .img-h img,
    .safe.center-angle .img-h img {left: initial;top: initial;width: 100%;margin: 0;}
    .safe.center-angle .container{max-width:100%;}
    .steps .merchant-slide .img-h {padding:20px 40px 0 !important;}
    .steps .merchant-slide .text li {margin-bottom: 5px;}
    .enhanced .left, .enhanced .right {width: 100%;}
    .enhanced .left h2,
    .enhanced .right h2 {margin: 0 0 20px;text-align: center;}
    .enhanced .middle {width: 100%;margin-top: 40px;}
    .enhanced .middle h2 {margin-bottom: 10px;}
    .full-width-image.with-text {padding: 0;}
    .full-width-image.with-text img {position: relative;top: 0;left: 0;transform: none;margin: 0;}
    .full-width-image .text {color: #000;padding: 30px 0;text-shadow: none;}
    .full-width-image .text li {text-shadow: none;}
    .full-width-image.with-text h2 {color: #000;text-shadow: none;}
}
@media screen and (max-width: 767px) {
    .cat-list li{width:90px;}
    .cat-list li span img{max-width:76%;}
    .cat-list li b{font-size:13px;line-height:18px;}
    .media .merchant-list.gmask.arrows{margin-bottom:30px;}
	.home .see .text{margin:0 auto}
	#steps .container{max-width:500px}
	.purple-bg.page-content .text,
	#safe .col .text{max-width:500px;margin-left:auto;margin-right:auto}
	.see .text{width:255px;padding-right:50px}
	.purple-bg.page-content.with-text .text{max-width:500px;margin-left:auto;margin-right:auto}
	.purple-bg.page-content.with-text .cascade{max-width:500px;margin-left:auto;margin-right:auto}
	#footer .container{max-width:500px;margin-left:auto;margin-right:auto}
	.home .welcome.purple-bg .col:first-child{min-width:100%!important}
    .home .welcome.purple-bg .col:first-child .text{max-width:500px;min-width:20px!important;margin:0 auto;position:relative;padding:30px}
    .videos .container {padding: 0;display: block;}
    .videos:before,
    .videos .container:after {display: none;}
    .video-block:nth-child(2n) .play {left: 50%;margin-left: -27px;}
    .videos .text {background:#ffc200;padding: 30px;text-align: center;}
    .video-block {width: 50% !important;padding-right: 0 !important;margin-bottom: 8px !important;}
    .video-block h4 {padding: 4px 4px;font-size: 14px;}
    .video-block:nth-child(2) .img-video img {left: 50%;}
    .safe ul {text-align: left;}
    .steps .left-text .text, .steps .right-text .text,
    .steps .text {width: 100%;float: none;}
    .steps .over-image {padding: 40px 25px 10px;}
    .steps .first-slide .img-h {padding-right: 0;text-align: center;}
    .steps .first-slide .text + .text .img-h {padding-left: 0;text-align: center;}
    .steps .centered .testinomial,
    .steps .icon-text {padding: 0 25px !important;}
    .steps .left-text .img-h, .steps .right-text .img-h {width: 100%;}
    .steps .slide:not(.first-slide) .img-h img {height: 200px;width: auto;}
    .easy.right-angle .col,
    .steps .centered .text {width: 100% !important;}
    .steps .centered .icon {width: 60px;min-width: 60px;margin-right: 20px;}
    .steps .centered .initial {margin-left: 20px;font-size: 50px;width: 60px;}
    .easy.right-angle,
    .safe.center-angle {height: auto;}
    .easy.right-angle .img-h,
    .safe.center-angle .img-h {height: 210px;overflow: hidden;}
    .easy.right-angle .container {display: block;padding: 0;;}
    .easy.right-angle .text {padding: 30px 25px;}
    .easy.right-angle .text h2 {margin-bottom: 25px;}
    .steps .first-slide .text {display: flex;}
    .steps .first-slide .text + .text {flex-direction: row-reverse;}
    .steps .first-slide .img-h,
    .steps .top-text {width: 50%;margin-bottom: 0;}
    .steps .first-slide .img-h {padding: 0 35px 0 0;}
    .steps .first-slide .top-text {padding: 20px 0 0 25px;}
    .steps .first-slide .text + .text .top-text {padding: 20px 25px 0 0;}
    .steps .first-slide .text + .text .img-h {padding: 0 0 0 10px;}
    .steps .first-slide .img-h img {height: auto;width: 100%;max-height: 100%;}
    .steps .first-slide .app-links {left: 0;width: 50%;padding-left: 25px;bottom: 60px;}
    .steps .first-slide .app-links a {margin: 0 auto 2px;}
    .steps .first-slide .qr-code {width: 50%;padding: 0 25px 0 0;background: transparent;bottom: 40px;}
    .steps .first-slide .qr-code a {padding: 7px;width: 90px;margin: 0 auto;background: #fff;}    
    .button-holder {padding-bottom: 10px;}
    .tables-section .table {width: 65%;overflow: auto; }
    .tables-section .description-col {width: 35%;font-size: 14px;line-height: 14px;}
    .tables-section .button-h {padding: 0;margin-top: 10px;}
    .tables-section .button-h .button-big {line-height: 21px;}
    .tables-section .table-header.mobile {width: 100%;margin-left: 0;padding: 0;}
    .tables-section .extra {display: block;}
    .tables-section .title-extra {font-size: 20px;margin-bottom: 10px;}
    .tables-section .text-extra,
    .tables-section .title-extra {width: 100%;padding: 0;text-align: center;}
    .description-col .cell.bottom {font-size: 16px;line-height: 14px;}
    .tables-section .table-header h4 {font-size: 22px;}
    .home h2 br, .home h1 br {display: none;}
    .home h2, .welcome h1 {font-size: 32px;line-height: 36px;}
    .home .center-angle .container {padding: 0;flex-wrap: wrap;}
    .home .center-angle .text {padding: 30px;}
    .home .center-angle .text br {display: none;}
    .home .center-angle .col:first-child {order: 2;}
    .home .center-angle .img-h img {left: initial;top: initial;width: 100%;margin: 0;position: relative;}
    .full-width-image img {margin: 0 -25px;max-width: calc(100% + 50px);width: calc(100% + 50px);}
    .title-image,
    .enhanced {padding: 50px 0;}
}
@media screen and (max-width: 680px) { 
    .tables-section .table .row .cell, .description-col .cell, .description-col .cell.bottom, .tables-section .table:last-child .row.bottom .cell, .tables-section .table .row.bottom .cell {height: 50px;}
    .tables-section .table {width: 80%;}
    .tables-section .description-col {width: 20%;}
}
@media screen and (max-width: 520px) { 
	.see .text{width:205px;padding-right:0px;}
    .see img{height:280px;margin-left:-155px;max-width:none}
    .safe h2, h2 {font-size: 25px;line-height: 32px;}
    .tables-section .description-col {min-width: 100px;}
    .tables-section .table { width: calc( 100% - 100px ); }
}
@media screen and (max-width: 480px) { 
    h3, .steps h3 {font-size: 18px;line-height: 20px;}
	.steps .slide {font-size: 14px;line-height: 17px;}
    .blog .mobile-header .text {font-size: 14px; width: 45%;}
    .inner-page .mobile-header .yellow-bg h2 {font-size: 19px;line-height: 23px;}
    
    .welcome .size-content{margin-right:-30px;}
   .home .welcome .col p span{word-break: keep-all;display:inline-block;}
   .right-angle.see  .col{height:auto;}
   .see .text{padding-bottom:20px;}
   .right-angle.see .container:before{width:58%;}
   .see img{margin-left:-175px;margin-bottom:-112px;}
   
   .right-angle.see .container{padding:0;}
   .right-angle.see .container .col{width:100%;float:none;overflow:hidden;}
   .right-angle.see .container .col img{margin:0 auto -76px;display:block;}
   .right-angle.see .container .col .text{width:auto;background:#ffc200;margin:0;padding:20px 30px;}
    .right-angle.see .container .col .text h1{margin:0 0 10px;}
   .right-angle.see .container .col .text h1 br{display:none;}
   .right-angle.see.yellow-bg:before,
   .right-angle.see.yellow-bg .container:before {display:none;}
   .right-angle.see.yellow-bg .container{display:block;}

   .steps .img-h{padding-top:20px;}
   .steps .icon {width: 40px;min-width: 40px;}
   .steps .right-text .img-h {padding-right: 50px;}
   .steps .left-text .img-h {padding-left: 35px;}
   .steps .slider .app-links {left: 40px}
   .steps .slider .qr-code {right: 40px}

   .tables-section .table .row:first-child .cell{font-size: 15px;}
   .tables-section .button-mail {font-size: 12px;line-height: 12px;}
}
@media screen and (max-width: 375px) { 
    .tables-section .table .row:first-child .cell{font-size: 12px;}
    .tables-section .table .row .cell, .description-col .cell, .description-col .cell.bottom, .tables-section .table:last-child .row.bottom .cell, .tables-section .table .row.bottom .cell {height: 70px;}
    .steps .img-h{width:140px}
    .steps .img-h img{height:200px}
    .steps .slider p{margin-bottom: 15px;}
    .steps .top-text a,
    .steps h3{font-size:14px;line-height:17px}
    .footer-bottom .app-links a{width:100px;height:31px}
    .footer-bottom .qr-code{bottom:220px;}
}
@media screen and (max-width: 374px) { 
    .safe h2,h2,h1{font-size:25px;line-height:31px}
    .merchant-list a{width:100%}
    .see .text{width:180px}
    .see .text h2{font-size:30px;line-height:32px}
    .see img{margin-left:-197px}    
    .staff{margin-right:40px}
    .single-post .inner-page h1{font-size:18px}
    .post-header{font-size:14px;line-height:20px}
    #footer .container{padding:0 18px}
    #footer #menu-footer-menu{padding:0}
    #footer #menu-footer-menu>li{min-width:42%;width:42%;margin-bottom:50px}
    .footer-bottom{padding-left:0}
    .footer-bottom .menu{column-gap:18%}
    .footer-bottom .qr-code,
    .footer-bottom .app-links{left:57%}
    .search-filter {max-width: 217px;}
    .blog .mobile-header .text {font-size: 12px; width: 45%;line-height: 20px;}
    .inner-page .mobile-header .yellow-bg h2 {font-size: 16px;line-height: 20px;margin-left: -10px;}
    
    .steps .first-slide .app-links {bottom: 30px;}
    .steps .first-slide .qr-code {bottom: 20px;}
    
    .video-block {width: 100% !important;}
    .video-block h4 {padding: 4px 4px;font-size: 23px;}
}
@media screen and (max-width: 374px) { 
    .cat-list {
    margin-left:-30px;
    margin-right:-30px;
    max-width:520px;
}}