/*
	Theme Name: PayNearMe Website
	Description: PayNearMe Website Theme, based on HTML5 Blank WordPress Theme
	Version: 1.0
	Author:

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

@import url('css/bootstrap-overrides.css');
@import url('css/animate.css');
@import url('css/keyframes.css');
@import url('css/fonts.css');
@import url('css/consumer-home.css');
@import url('css/contact-us.css');
@import url('css/help.css');
@import url('css/features.css');
@import url('css/customers.css');
@import url('css/how-it-works-business.css');
@import url('css/how-it-works-consumer.css');
@import url('css/biller-directory.css');
@import url('css/our-story.css');
@import url('css/slick.css');
@import url('css/hero-carousel.css');
@import url('css/new-homepage.css');
@import url('css/business.css');
@import url('css/gateway.css');
@import url('css/forms.css');















/* All HubSpot Forms
   ========================================================================== */

/* Form Field (selector for form field wrapper) */
.hs-form .hs-form-field {
	text-align: left;
}

/* Descriptions (targets class applied to Help Text divs) */
.hs-form .hs-field-desc {}

/* Labels (selects field labels and error messages) */
.hs-form label {
	font-family: 'ProximaNova-Bold' !important;
	font-weight: normal !important;
  color: #40474a !important;
	line-height: 1.3em;
}
.hs-form .hs-form-field > label {}

.hs-form fieldset {
	width: 100% !important;
	max-width: 100% !important;
}

/* Inputs (selectors for all inputs)  */
.hs-form input[type="text"],
.hs-form input[type="password"],
.hs-form input[type="datetime"],
.hs-form input[type="datetime-local"],
.hs-form input[type="date"],
.hs-form input[type="month"],
.hs-form input[type="time"],
.hs-form input[type="week"],
.hs-form input[type="number"],
.hs-form input[type="email"],
.hs-form input[type="url"],
.hs-form input[type="search"],
.hs-form input[type="tel"],
.hs-form input[type="color"],
.hs-form input[type="file"],
.hs-form textarea,
.hs-form select {
	width: 100% !important;
	max-width: 100% !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	font-family: 'ProximaNova-Regular' !important;
	font-size: 15px !important;
	font-weight: normal !important;
	height: auto !important;
	padding: 7px 8px 8px 8px !important;
	background: #f1f3f3 !important;
	background: rgba(0,33,66,0.05) !important;
	color: #7c8287 !important;
  border: 1px solid #f1f3f3 !important;
	outline: none !important;
	box-sizing: border-box !important;
}

/* Inputs in focus (selectors for all inputs when clicked)  */
.hs-form input[type="text"]:focus,
.hs-form input[type="password"]:focus,
.hs-form input[type="datetime"]:focus,
.hs-form input[type="datetime-local"]:focus,
.hs-form input[type="date"]:focus,
.hs-form input[type="month"]:focus,
.hs-form input[type="time"]:focus,
.hs-form input[type="week"]:focus,
.hs-form input[type="number"]:focus,
.hs-form input[type="email"]:focus,
.hs-form input[type="url"]:focus,
.hs-form input[type="search"]:focus,
.hs-form input[type="tel"]:focus,
.hs-form input[type="color"]:focus,
.hs-form input[type="file"]:focus,
.hs-form textarea:focus,
.hs-form select:focus {
	border-color: #00C3E8 !important;
}

/* Multi-line inputs (selectors to target multi-line fields */
.hs-form textarea {
	min-height: 150px !important;
}
.hs-form textarea:focus {

}

/* Dropdowns (selectors for dropdowns) */
.hs-form select {
	height: 35px !important;
}
.hs-form select:focus {

}

/* Multi-select (selectors for multi-select fields) */
.hs-form form.hs-form .hs-form-field ul.inputs-list {}

.hs-form form.hs-form .hs-form-field ul.inputs-list li input {}
.hs-form input[type="radio"] {}
.hs-form input[type="checkbox"] {}

/* Required (selectors for fields, when they do not pass validation) */
.hs-form input:focus:required:invalid,
.hs-form textarea:focus:required:invalid,
.hs-form select:focus:required:invalid {}

.hs-form input:focus:required:invalid:focus,
.hs-form textarea:focus:required:invalid:focus,
.hs-form select:focus:required:invalid:focus {}

.hs-form ul.hs-error-msgs {
	padding-top: 4px !important;
	padding-left: 8px !important;
	padding-bottom: 0px !important;
}

/* Error message (selector for validation messages) */
.hs-form .hs-error-msgs label{
	font-family: 'ProximaNova-SemiBold' !important;
	font-weight: normal !important;
	color: red !important;
}

/* Placeholder Text (styles the placeholder attribute text) */
::-webkit-input-placeholder { /* Webkit Browsers */}
:-moz-placeholder { /* Firefox 18- */}
::-moz-placeholder { /* Firefox 19+ */}
:-ms-input-placeholder { /* IE10 */}

/* Multi Column Form (selectors for fieldsets and field wrappers)
   ========================================================================== */

.hs-form fieldset.form-columns-1 {}
.hs-form fieldset.form-columns-1 .hs-form-field {}
.hs-form fieldset.form-columns-1 .input { margin-right: 0 !important; }

.hs-form fieldset.form-columns-2 {}
.hs-form fieldset.form-columns-2 .hs-form-field {}
.hs-form fieldset.form-columns-2 .hs-form-field:last-child .input { margin-right: 0 !important; }

.hs-form fieldset.form-columns-3 {}
.hs-form fieldset.form-columns-3 .hs-form-field {}
.hs-form fieldset.form-columns-3 .hs-form-field:last-child .input { margin-right: 0 !important; }

/* Submit buttons (selectors for all non-CTA buttons)
   ========================================================================== */

.hs-form .hs_submit .actions {
	text-align: center !important;
	margin-left: 0 !important;
}









body .hs-button.primary,
body input[type="submit"],
body input[type="button"] {
	box-sizing: border-box !important;
	position: relative !important;
	display: inline-block !important;
	vertical-align: baseline !important;
	padding: 1em 2em !important;
	background: #00C3E8 !important;
	color: #fff !important;
	text-align: center !important;
	text-transform: uppercase !important;
	font-size: 13px !important;
	line-height: 1em !important;
	font-family: 'ProximaNova-SemiBold' !important;
	font-weight: normal !important;
	-webkit-border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	border-radius: 5px !important;
	text-shadow: none !important;
	border-color: transparent !important;
	box-shadow: none !important;
}

body .hs-button.primary:hover,
body input[type="submit"]:hover,
body input[type="button"]:hover {}

body .hs-button.primary:focus,
body input[type="submit"]:focus,
body input[type="button"]:focus {}


input.hs-input.error,
.hs-form div.field.error input,
.hs-form div.field.error textarea,
.hs-form div.field.error
.chzn-choices,
textarea.hs-input.error {
	border-color: red !important;
}


#request-demo-form-wrapper .intro {
	margin-bottom: 15px;
}


/*------------------------------------*\
    MISC
\*------------------------------------*/


@media (max-width: 768px) {
	body.page-template-pnm-legal-mobile,
	body.page-template-blank {
		padding-top: 0 !important;
	}
}
.cache-buster{
	font-size: 2px;
}
/*.arve-embed-container {
	padding-bottom: 0px !important;
}*/
::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

.floater-request-demo {
	font-family: 'ProximaNova-SemiBold', 'Helvetica Neue', 'Helvetica';
	position:absolute;
	top: 500px;
	right:0px;
	max-width: 100px;
	background-color:#39bf5b;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-top-left-radius: 10px;
	-moz-border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	color:#FFFFFF;
	text-align: center;
	font-size: 13px;
	letter-spacing: 0.3px;
	padding: 18px 10px 16px 10px;
	line-height: 1.2;
	-webkit-transition: all 1.0s ease-in-out;
	z-index: 10;
	cursor: pointer;
	-webkit-box-shadow: 1px 6px 30px 0px rgba(0,0,0,0.3);
	-moz-box-shadow:    1px 6px 30px 0px rgba(0,0,0,0.3);
	box-shadow:         1px 6px 30px 0px rgba(0,0,0,0.3);
}
.floater-request-demo div{
	display:block;
	margin-bottom:5px;
}
.floater-request-demo .fa {
	font-size: 17px;
	margin-bottom: 8px;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}


@media only all and (max-width:767px) {

	.floater-request-demo {

	}

}
@media only all and (max-width:480px) {

	.floater-request-demo {
		top: 300px;
		max-width: 65px;
		text-align: center;
		font-size: 10px;
		padding: 10px 3px 8px 3px;
	}
	.floater-request-demo div{

	}
	.floater-request-demo .fa {
		font-size: 15px;
		margin-bottom: 6px;
	}
}


@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}

.consumer a  { color: #4ab734; }


.legal {  }
.legal h1 { line-height: 1.2em; padding-bottom: 10px; }
.legal h2 { font-family: 'ProximaNova-Regular'; font-size: 16px; line-height: 1em; color: #999; padding: 0 0 15px 0; position: relative; top: -5px; }

.legal h4 { font-family: 'ProximaNova-SemiBold'; padding-top: 10px; padding-bottom: 10px; }

.legal table { width: 100%; }
.legal table tr { border-bottom: solid 1px #ddd; }
.legal table td { vertical-align: top; padding: 20px 10px; font-size: 0.875em; line-height: 1.4em; }


.legal .table { font-size: 0.875em; line-height: 1.4em }
.legal .table .table-row { width: 100%; padding: 20px 0; border-bottom: solid 1px #ddd; }
.legal .table .table-header { padding: 10px 0; }
.legal .table .table-col { display: table-cell; }
.legal .table .table-header .table-col,
.legal .table .col-title { font-family: 'ProximaNova-SemiBold'; line-height: 1.3em; color: #333; padding-bottom: 4px; }

.legal .table .table-col:nth-child(1) { width: 25%; }
.legal .table .table-col:nth-child(2) { width: 25%; }
.legal .table .table-col:nth-child(3) { width: 25%; }
.legal .table .table-col:nth-child(4) { width: 25%; }

.legal .table p { padding: 0; }

.mobile-legal-footer {  }
.mobile-legal-footer .menu { float: none; display: table; margin: 0 auto; padding: 10px 15px 30px 15px; border-top: solid 1px #eee; }
.mobile-legal-footer .menu .menu-item { display: inline-block; list-style-type: none; margin: 0; padding: 0; border-right: solid 1px #ddd; }
.mobile-legal-footer .menu .menu-item:nth-last-child(1) { border-right: none; }
.mobile-legal-footer .menu .menu-item a:visited,
.mobile-legal-footer .menu .menu-item a:link { font-size: 0.875em; color: #454545; padding: 2px 8px; }


@media only all and (max-width:767px) {

        .legal h1 { font-size: 26px; }
        .legal p,
        .legal li { font-size: 0.9em; line-height: 1.4em; }
        .legal a { word-break: break-word; }

        .legal .table { width: 100%; margin: 0 auto; }
        .legal .table .table-row { padding: 0; border-bottom: none; }
        .legal .table .state {

                background: #f7f7f7;
        }
        .legal .table .col-title {
                text-align: right;
        }
        .legal .table .state .col-title {
                padding-top: 12px;
                padding-bottom: 12px;
                text-align: left;
        }
        .legal .table .table-col.col-xs-12 {
                border-bottom: solid 1px #eee;
        }
        .legal .table .table-col.col-xs-12 .row {
                padding-top: 12px;
                padding-bottom: 12px;
        }
        footer .nav-wrap {
                display: table;
                margin: 0 auto !important;
        }

        .mobile-legal-footer .menu { padding: 10px 0px 30px 0px; }
        .mobile-legal-footer .menu .menu-item a:visited,
        .mobile-legal-footer .menu .menu-item a:link { font-size: 0.55em; }


}







/* NYC Template Styles */

body.page-template-tpl-nyc .header-blank							{ display: none; }

body.page-template-tpl-nyc h1,
body.page-template-tpl-nyc h2,
body.page-template-tpl-nyc h3,
body.page-template-tpl-nyc h4,
body.page-template-tpl-nyc h5        { font-family: "ProximaNova-Regular"; color: #49555F; line-height: 1.2em; }
body.page-template-tpl-nyc h1                        { font-size: 35px; font-family: "ProximaNova-Light"; margin-top: 0.5em; margin-bottom: 0.3em; padding: 0; }
body.page-template-tpl-nyc h2                        { font-family: "ProximaNova-SemiBold"; font-size: 1em; color: #004F9E; padding: 0; margin-top: 2.5em; margin-bottom: 1em; text-transform: uppercase; }
body.page-template-tpl-nyc h3                        { font-family: "ProximaNova-SemiBold"; font-size: 1.125em; }
body.page-template-tpl-nyc h4,
body.page-template-tpl-nyc h5           { font-family: "ProximaNova-SemiBold"; }
body.page-template-tpl-nyc p                         { margin-bottom: 1.5rem; }
body.page-template-tpl-nyc a                         { text-decoration: none; }
body.page-template-tpl-nyc a:link,
body.page-template-tpl-nyc a:visited         { color: #004F9E; }
body.page-template-tpl-nyc a:hover,
body.page-template-tpl-nyc a:active         {  }
body.page-template-tpl-nyc a.btn                     { display: block; width: 100%; max-width: 250px; background: #004F9E; color: #fff; text-align: center; padding: 1rem 1.5rem; margin: 2.5em auto; position: relative;
  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.12), 0 3px 15px rgba(0,0,0,0.12); -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.12), 0 3px 15px rgba(0,0,0,0.12);
  transition: all 100ms; -webkit-transition: all 100ms; box-sizing: border-box; }
body.page-template-tpl-nyc a.btn::after              { display: block; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fff; opacity: 0; transition: all 100ms; -webkit-transition: all 100ms; }
body.page-template-tpl-nyc a.btn:focus::after,
body.page-template-tpl-nyc a.btn:active              { box-shadow: 0 0px 0px rgba(0,0,0,0.2), 0 0px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.2), 0 0px 0px rgba(0,0,0,0.2); }
body.page-template-tpl-nyc a.btn:active::after       { opacity: 0; }
body.page-template-tpl-nyc a.btn span                { font-family: "ProximaNova-SemiBold"; font-size: 14px; line-height: 1em; text-transform: uppercase; }
body.page-template-tpl-nyc .container                { box-sizing: border-box; overflow: auto; }
body.page-template-tpl-nyc .page-wrap .container     { background: #fff; }
body.page-template-tpl-nyc .strong                   { font-family: "ProximaNova-SemiBold"; color: #62696e; }
body.page-template-tpl-nyc .left                     { float: left; }
body.page-template-tpl-nyc .right                    { float: right; }
body.page-template-tpl-nyc .table                    { display: table; width: 100%; margin: 1em 0 1.5em 0; padding: 0 0 1.5em 0; border-bottom: solid 1px #e5e7e7; }
body.page-template-tpl-nyc .table .cell              { display: table-cell; width: 50%; vertical-align: middle; }
body.page-template-tpl-nyc .logo-merchant            { width: 94px; }
body.page-template-tpl-nyc .retailer-wrap            { text-align: right; }
body.page-template-tpl-nyc .retailer-wrap img				 { display: inline-block; }
body.page-template-tpl-nyc .retailer-wrap span       { display: block; }
body.page-template-tpl-nyc .retailer-wrap .logo-sei  { width: auto; height: 19px; }
body.page-template-tpl-nyc .retailer-wrap span       { font-size: 13px; line-height: 20px; margin: 0 4px 0 10px; }

body.page-template-tpl-nyc header                    { width: 100%; padding: 5px 0; background: #004F9E; color: #fff; }
body.page-template-tpl-nyc header .container         { padding-top: 10px; padding-bottom: 10px; }
body.page-template-tpl-nyc header .logo              { display: block; width: 168px; height: 33px; float: left; }
body.page-template-tpl-nyc header .menu              { height: 33px; list-style-type: none; margin: 0; padding: 0; float: right; }
body.page-template-tpl-nyc header .menu li           { display: inline-block; height: 33px; margin: 0; padding: 0; }
body.page-template-tpl-nyc header .menu li a         { display: block; font-size: 0.925em; padding: 0 10px; height: 33px; line-height: 33px; color: #fff; font-size: 0.875em; }
body.page-template-tpl-nyc header .menu li:last-child a { padding-right: 0; }
body.page-template-tpl-nyc section                   { position: relative; margin: 2em 0; }

body.page-template-tpl-nyc main,
body.page-template-tpl-nyc aside               { display: table-cell; }

body.page-template-tpl-nyc main                      { width: 65%; padding-right: 5%; }
body.page-template-tpl-nyc .note                     { font-size: 13px; line-height: 1.5em; color: #FF502F; }
body.page-template-tpl-nyc .note .strong             { text-transform: uppercase; color: #FF502F; }

body.page-template-tpl-nyc aside                     { width: 35%; padding: 25px; background: #F3F5F8; color: #697383; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }
body.page-template-tpl-nyc aside ol                  { padding-left: 15px; }
body.page-template-tpl-nyc aside ol li               { margin-bottom: 10px; font-size: 14px; line-height: 1.5em; }
body.page-template-tpl-nyc aside .footnote           { font-size: 12px; line-height: 1.5em; margin-bottom: 0.5rem; }
body.page-template-tpl-nyc aside .footnote .strong   { color: #49555F; }
body.page-template-tpl-nyc footer .container         { padding-top: 20px;
    padding-bottom: 20px;
    border-top: solid 1px #e5e7e7;
     }
body.page-template-tpl-nyc footer .legal             { float: left; padding: 0; margin: 0; font-size: 0.75em; opacity: 0.7; }
body.page-template-tpl-nyc footer .menu              { list-style-type: none; margin: 0; padding: 0; float: right; }
body.page-template-tpl-nyc footer .menu li           { display: inline-block; margin: 0; padding: 0; }
body.page-template-tpl-nyc footer .menu li a         { display: block; padding: 0 5px; color: #8A929E; font-size: 0.75em; font-family: "ProximaNova-SemiBold"; opacity: 0.7; }

@media only screen and (max-width:990px) {
	body.page-template-tpl-nyc h1                        { font-size: 26px; }
	body.page-template-tpl-nyc h2 												{ font-size: 0.925em; }
}
@media only screen and (max-width:900px) {
  body.page-template-tpl-nyc                 { font-size: 15px; }
}
@media only screen and (max-width:768px) {
  body.page-template-tpl-nyc main,
	body.page-template-tpl-nyc aside             { display: block; width: 100%; padding: 20px; }
  body.page-template-tpl-nyc footer .legal           { float: none; text-align: center; }
  body.page-template-tpl-nyc footer .menu            { float: none; text-align: center; }
}
@media only screen and (max-width:767px) {
	body.page-template-tpl-nyc { padding-top: 0; }
}
@media only screen and (max-width:480px) {
  body.page-template-tpl-nyc .container,
  body.page-template-tpl-nyc header .container       { padding: 5px 1rem; }
  body.page-template-tpl-nyc section                 { padding: 0; margin: 1rem 0; }
  body.page-template-tpl-nyc main                    { padding-right: 0; }
  body.page-template-tpl-nyc header .logo            { width: 136px; }
  body.page-template-tpl-nyc h1                      { font-size: 1.5em; }
  body.page-template-tpl-nyc h2                      { font-size: 0.875em; }
  body.page-template-tpl-nyc .logo-merchant          { width: 74px; }
  body.page-template-tpl-nyc .retailer-wrap .logo-sei { height: 16px; }
  body.page-template-tpl-nyc .retailer-wrap span     { font-size: 11px; }
}