/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/****************************************/
/* HubSpot Style Boilerplate            */
/****************************************/

/* These includes are optional, but helpful. */
/*/* Images */

img {
    max-width: 100%;
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: bottom; /* Suppress the space beneath the baseline */
}

/* Videos */

video {
    max-width: 100%;
    height: auto;
}

/* Embed Container (iFrame, Object, Embed) */

.hs-responsive-embed {
    position: relative;
    height: auto;
    overflow: hidden;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed {
    width: 100%;
    height: 100%;
    border: 0;
}

.hs-responsive-embed,
.hs-responsive-embed.hs-responsive-embed-youtube,
.hs-responsive-embed.hs-responsive-embed-wistia,
.hs-responsive-embed.hs-responsive-embed-vimeo {
    padding-bottom: 2%;
}

.hs-responsive-embed.hs-responsive-embed-instagram {
    padding-bottom: 116.01%;
}

.hs-responsive-embed.hs-responsive-embed-pinterest {
    height: auto;
    overflow: visible;
    padding: 0;
}

.hs-responsive-embed.hs-responsive-embed-pinterest iframe {
    position: static;
    width: auto;
    height: auto;
}

iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] {
    width: 100%;
    max-width: 100%;
}

@media (max-width: 568px) {
    iframe {
        max-width: 100%;
    }
}

/* Forms */

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select {
    padding: 6px;
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Menus */

.hs-menu-wrapper ul {
    padding: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal ul {
    list-style: none;
    margin: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    display: inline-block;
    margin-bottom: 20px;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul:before {
    content: " ";
    display: table;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul:after {
    content: " ";
    display: table;
    clear: both;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
    float: left;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
    display: inline-block;
    padding: 10px 20px;
    white-space: nowrap;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children {
    position: relative;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    left: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    display: block;
    white-space: nowrap;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 180px;
    top: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}

.row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    margin-bottom: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch {
    position: relative;
    margin-bottom: 20px;
    min-height: 7em;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul {
    margin-bottom: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children {
    position: static;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: none;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before {
    content: " ";
    display: table;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after {
    content: " ";
    display: table;
    clear: both;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li {
    float: left;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
    display: inline-block;
    padding: 10px 20px;
    white-space: nowrap;
    max-width: 140px;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical {
    width: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical ul {
    list-style: none;
    margin: 0;
}

.hs-menu-wrapper.hs-menu-flow-vertical li a {
    display: block;
    white-space: nowrap;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul {
    margin-bottom: 20px;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a {
    width: auto;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li a {
    padding: 10px 20px;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children {
    position: relative;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 180px;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a {
    min-width: 140px;
    width: auto;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul {
    max-width: 100%;
    overflow: hidden;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li.hs-item-has-children > ul.hs-menu-children-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
    position: static;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2 > a {
    padding-left: 4em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3 > a {
    padding-left: 6em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4 > a {
    padding-left: 8em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5 > a {
    padding-left: 140px;
}

.hs-menu-wrapper.hs-menu-not-show-active-branch li.hs-menu-depth-1 ul {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
}

@media (max-width: 568px) {
    .hs-menu-wrapper, .hs-menu-wrapper * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal ul {
        list-style: none;
        margin: 0;
        display: block;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
        display: block;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
        float: none;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a,
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a,
    .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
        display: block;
        max-width: 100%;
        width: 100%;
    }
}

.hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: visible;
    opacity: 1;
}

/* Space Module */

.widget-type-space {
    visibility: hidden;
}

/* Blog Author Section */

.hs-author-listing-header {
    margin: 0 0 .75em 0;
}

.hs-author-social-links {
    display: inline-block;
}

.hs-author-social-links a.hs-author-social-link {
    width: 24px;
    height: 24px;
    border-width: 0px;
    border: 0px;
    line-height: 24px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: -99999px;
}

.hs-author-social-links a.hs-author-social-link.hs-social-facebook {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-linkedin {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-twitter {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-google-plus {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png");
}

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

/* Wrapper */
.hs_cos_wrapper_type_image_slider {
    display: block;
    overflow: hidden
}

/* Browser Resets */
.hs_cos_flex-container a:active,
.hs_cos_flex-slider a:active,
.hs_cos_flex-container a:focus,
.hs_cos_flex-slider a:focus  {outline: none;}
.hs_cos_flex-slides,
.hs_cos_flex-control-nav,
.hs_cos_flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.hs_cos_flex-slider {margin: 0; padding: 0;}
.hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;}
.hs_cos_flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .hs_cos_flex-slides element */
.hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .hs_cos_flex-slides {display: block;}
* html .hs_cos_flex-slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */

/* FlexSlider Default Theme
*********************************/
.hs_cos_flex-slider {margin: 0 0 60px; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;}
.hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .hs_cos_flex-viewport {max-height: 300px;}
.hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.hs_cos_flex-direction-nav {*height: 0;}
.hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; }
.hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;}
.hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Direction Nav for the Thumbnail Carousel */
.hs_cos_flex_thumbnavs-direction-nav {
    margin: 0px;
    padding: 0px;
    list-style: none;
    }
.hs_cos_flex_thumbnavs-direction-nav {*height: 0;}
.hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; }
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;}
.hs-cos-flex-slider-control-panel img { cursor: pointer; }
.hs-cos-flex-slider-control-panel img:hover { opacity:.8; }
.hs-cos-flex-slider-control-panel { margin-top: -30px; }



/* Control Nav */
.hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.hs_cos_flex-control-thumbs img:hover {opacity: 1;}
.hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;}
  .hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;}
}

.hs_cos_flex-slider .caption {
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    font-size: 2em;
    line-height: 1.1em;
    color: white;
    padding: 0px 5% 0px 5%;
    width: 100%;
    bottom: 0;
    text-align: center;
}

.hs_cos_flex-slider .superimpose .caption {
    color: white;
    font-size: 3em;
    line-height: 1.1em;
    position: absolute;
    padding: 0px 5% 0px 5%;
    width: 90%;
    top: 40%;
    text-align: center;
    background-color: transparent;
}

@media all and (max-width: 400px) {
    .hs_cos_flex-slider .superimpose .caption {
        background-color: black;
        position: static;
        font-size: 2em;
        line-height: 1.1em;
        color: white;
        width: 90%;
        padding: 0px 5% 0px 5%;
        top: 40%;
        text-align: center;
    }

    /* beat recaptcha into being responsive, !importants and specificity are necessary */
    #recaptcha_area table#recaptcha_table {width: 300px !important;}
    #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {width: 300px !important;}
    #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important;}
    #recaptcha_area table#recaptcha_table #recaptcha_image {width:280px !important;}
}

.hs_cos_flex-slider h1,
.hs_cos_flex-slider h2,
.hs_cos_flex-slider h3,
.hs_cos_flex-slider h4,
.hs_cos_flex-slider h5,
.hs_cos_flex-slider h6,
.hs_cos_flex-slider p {
    color: white;
}

/* Thumbnail only version of the gallery */
.hs-gallery-thumbnails li {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    margin-right:-4px;
}
.hs-gallery-thumbnails.fixed-height li img {
    max-height: 150px;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
}


/* responsive pre elements */

pre {
    overflow-x: auto;
}

/* responsive pre tables */

table pre {
    white-space: pre-wrap;
}

/* adding minimal spacing for blog comments */
.comment {
    margin: 10px 0 10px 0;
}

/* make sure lines with no whitespace don't interefere with layout */
.hs_cos_wrapper_type_rich_text,
.hs_cos_wrapper_type_text,
.hs_cos_wrapper_type_header,
.hs_cos_wrapper_type_section_header,
.hs_cos_wrapper_type_raw_html,
.hs_cos_wrapper_type_raw_jinja,
.hs_cos_wrapper_type_page_footer {
    word-wrap: break-word;
}*/
/*/* HTML 5 Reset */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    display: none;
}

/* Support migrations from wordpress */

.wp-float-left {
    float: left;
    margin: 0 20px 20px 0;
}

.wp-float-right {
    float: right;
    margin: 0 0 20px 20px;
}

/* Responsive Google Maps */

#map_canvas img, .google-maps img {
    max-width: none;
}

/* line height fix for reCaptcha theme */
#recaptcha_table td {line-height: 0;}
.recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;}*/


/*****************************************/
/* Start your style declarations here    */
/*****************************************/


/*****************************************/
/* RESET CSS    */
/*****************************************/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
	margin: 0px;
}
body {
	line-height: 1;
	margin: 0;
	padding: 0;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

*, *:before, *:after { 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
	-ms-box-sizing: border-box; 
}

input{
	-webkit-appearance: none;
	border-radius: 0;
}


/*****************************************/
/* END RESET CSS    */
/*****************************************/


/*****************************************/
/* QSR CSS    */
/*****************************************/


@font-face {
  font-family: 'qsr';
  src: url('https://cdn2.hubspot.net/hubfs/2409821/2018%20New%20Designs%20-%20General/qsr.eot?39136394');
  src: url('https://cdn2.hubspot.net/hubfs/2409821/2018%20New%20Designs%20-%20General/qsr.eot?39136394#iefix') format('embedded-opentype'),
       url('https://cdn2.hubspot.net/hubfs/2409821/2018%20New%20Designs%20-%20General/qsr.woff2?39136394') format('woff2'),
       url('https://cdn2.hubspot.net/hubfs/2409821/2018%20New%20Designs%20-%20General/qsr.woff?39136394') format('woff'),
       url('https://cdn2.hubspot.net/hubfs/2409821/2018%20New%20Designs%20-%20General/qsr.ttf?39136394') format('truetype'),
       url('https://cdn2.hubspot.net/hubfs/2409821/2018%20New%20Designs%20-%20General/qsr.svg?39136394#qsr') format('svg');
  font-weight: normal;
  font-style: normal;
}
 
.icon-crepe-1:before { content: '\e800'; }
.icon-donut:before { content: '\e801'; }
.icon-hamburger:before { content: '\e802'; }
.icon-icecream:before { content: '\e803'; }
.icon-orange-juice:before { content: '\e804'; }
.icon-phone-receiver-1:before { content: '\e805'; }
.icon-take-away-tacos:before { content: '\e806'; }
.icon-big-sandwich:before { content: '\e807'; }
.icon-burrito:before { content: '\e808'; }
.icon-coffee-cup:before { content: '\e809'; }
.icon-down-open:before { content: '\e80a'; }
.icon-up-open:before { content: '\e80b'; }
.icon-right-open:before { content: '\e80c'; }
.icon-left-open:before { content: '\e80d'; }
.icon-down-dir:before { content: '\e80e'; }
.icon-up-dir:before { content: '\e80f'; }
.icon-left-dir:before { content: '\e810'; }
.icon-right-dir:before { content: '\e811'; }
.icon-twitter:before { content: '\f099'; }
.icon-facebook:before { content: '\f09a'; }
.icon-linkedin:before { content: '\f0e1'; }
.icon-angle-left:before { content: '\f104'; }
.icon-angle-right:before { content: '\f105'; }
.icon-angle-up:before { content: '\f106'; }
.icon-angle-down:before { content: '\f107'; }
.icon-youtube-play:before { content: '\f16a'; }
.icon-instagram:before { content: '\f16d'; }
.icon-pinterest:before { content: '\f231'; }


/*****************************************/
/* END QRS CSS    */
/*****************************************/


/*****************************************/
/* GENERAL STYLES CSS    */
/*****************************************/


/*HUBSPOT STYLES RESETTER*/
.row-fluid [class*="span"]{ min-height: 0; }


/*GLOBAL DEFINITIONS*/
body{ background: #FFF; position: relative; font-size: 14px; font-family: 'Lato', 'Raleway', Tahoma, Arial, sans-serif; color: #000; overflow-x: hidden; }
.content{ width: 1160px; position: relative; margin: 0 auto; }

.green-button{ background: #46b548; text-transform: uppercase; color: #FFF; transition: all 0.3s ease; text-transform: uppercase; }
.green-button:hover{ background: #108720; }

.mobile-nav-launcher{ position: absolute; width: 25px; height: 25px; background: none; right: 20px; z-index: 99999; display: none; }
.mobile-nav-launcher .white-line{ display: block; width: 100%; height: 3px; background: #FFF; margin-bottom: 5px; }

.bvariant .mobile-nav-launcher .white-line{ background: #000; }
.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}
/*HEADER*/
.site-header{ width: 100%; height: 100px; position: absolute; top: 0; left: 0; z-index: 9999; padding-top: 40px; }
.site-header .content{ width: 1250px; margin: 0 auto !important; float: none; }
.site-header:before{ content: ""; display: block; position: absolute; top: 0; left: 0; height: 120px; width: 100%; opacity: 0.3;
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=0 ); }
.site-header .logo{ float: left; margin: 0; position: relative; top: 21px; }
.site-header .logo a{ display: block; width: 235px; height: 33px; background: url('https://cdn2.hubspot.net/hubfs/2409821/2018%20New%20Designs%20-%20General/icons/nobly-logo.png'); background-size: 100% 100%; }

.site-header .call-us{ float: left; margin-left: 0; left: 260px; margin-top: 25px; position: absolute; }
.site-header .call-us .label{ font-size: 12px; color: #FFF; text-transform: uppercase; margin-right: 10px; }
.site-header .call-us .label:before{ content: '\e805'; font-family: 'qsr'; display: block; font-size: 16px; color: #46b548; float: left; position: relative; top: 7px; margin-right: 15px; }
.site-header .call-us .number{ font-size: 20px; color: #FFF; text-transform: uppercase; font-weight: bold; position: relative; top: 3px; text-decoration: none; }

/*HUBSPOT GLOBAL HEADER*/
.site-header .widget-type-menu{ margin-top: 25px !important; }
.site-header .widget-type-menu ul{ float: right; }
.site-header .widget-type-menu ul li{ float: left; padding: 0 20px; }
.site-header .widget-type-menu ul li a{ text-transform: uppercase; color: #FFF; font-size: 12px; color: #FFF; font-weight: bold; text-decoration: none; display: inline-block; padding: 10px 0 !important; transition: all 0.3s ease; }

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper{ background: #FFF; }
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper a{ color: #000; }
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:before{ content: '\e80e'; font-family: "qsr"; display: block; font-size: 16px; color: #FFF; float: right; position: relative; top: 7px; right: -7px; transition: all 0.2s ease; }
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover:before{ transform: rotate(180deg); }

.site-header .widget-type-menu ul ul li a{ color: #000; }
.site-header .widget-type-menu ul ul li a:hover{ color: #6eb95f !important; }
.site-header .widget-type-menu ul ul{ margin-top: 0; padding: 10px 0; }
.nav-noblygo{border:1px solid #46b548;padding: 4px 8px;transition: all 0.3s ease;display: block; margin-top: -4px;}
.nav-noblygo:hover{background-color:#46b548; color: #fff;}
.nav-n-apps:before{content:"";position:absolute;width:20px;height:20px;background: url('https://cdn2.hubspot.net/hubfs/2409821/mobile.svg');background-repeat:no-repeat;background-position:center center; background-size:100%; left:0; top:5px;}

/*TOP NAV HEADER*/
.top-menu-wrap{ width: 100%; position: absolute; left: 0; top: 0; height: 40px; border-bottom: 1px solid rgba(255,255,255,0.4); }
.top-menu-wrap .content{ width: 1210px; height:100%;}
.top-menu-wrap nav{ float: right; height:100%; }
.top-menu-wrap nav ul{ padding-left: 0; display:flex; align-items:center; margin:0px; height:100%; }
.top-menu-wrap nav ul li{ float: left; margin-left: 30px;}
.top-menu-wrap nav ul li a{ text-decoration: none; font-size: 12px; text-transform: uppercase; color: #FFF; display: inline-block; }
.top-menu-wrap nav ul li.login-button a:before{ content: ""; width: 10px; height: 13px; display: block; background: url("https://cdn2.hubspot.net/hubfs/2409821/2018%20New%20Designs%20-%20General/login%20icon.svg"); background-size: 100% 100%; float: left; margin-right: 5px; }
.top-menu-wrap nav .global-fdbtn{display:inline-block; background: #46b548; padding:8px 15px; font-size:12px; cursor: pointer; color:#fff; text-transform:uppercase;transition: all 0.3s ease;}
.top-menu-wrap nav .global-fdbtn:hover{background: #108720;}

.top-menu-wrap .resources{ position: relative; }
.top-menu-wrap .resources ul{ display: none; width: 200px; background: #FFF; position: absolute; top: 25px; left: 0; padding-left: 0; z-index: 999; padding: 10px 0; }
.top-menu-wrap .resources:hover ul{ display: block; }
.top-menu-wrap .resources ul li{ width: 100%; float: none; margin-left: 0 !important; height: auto; }
.top-menu-wrap .resources ul li a{ color: #000; padding: 5px 15px; background: #FFF; display: block; line-height: 1.3; }
.top-menu-wrap .resources ul li a:hover{ text-decoration: underline; }

.top-menu-wrap .resources:before{ content: '\e80e'; font-family: "qsr"; display: block; font-size: 16px; color: #FFF; float: right; position: relative; top: -1px; right: -7px; transition: all 0.2s ease; }
.top-menu-wrap .resources:hover:before{ transform: rotate(180deg); }

/*DARK HEADER*/
.dark-header .site-header{ background: #323232; height: 115px; }
.dark-header .site-header:before{ display: none; }
.dark-header .site-header .top-menu-wrap{ background: #3a3a3a; border-bottom: 1px solid #999; }

/*FEATURES NAVIGATION*/
.features-nav{ width: 100%; height: 80px; background: #ecf1f3; position: absolute; top: 115px; z-index: 100; }
.features-nav .content{ width: 1250px; }
.features-nav .content ul{ padding: 0; margin: 0; }
.features-nav .content ul li{ display: block; float: left; position: relative; opacity: 0.5; transition: all 0.3s ease;  }
.features-nav .content ul li:hover{ opacity: 1; }
.features-nav .content ul li:hover:before{ margin-top: -21px; }
.features-nav .content ul li a{ display: block; width: 113px; height: 77px; background: none; text-align: center; color: #323232; text-decoration: none; text-transform: uppercase; font-size: 10px; position: relative; }
.features-nav .content ul li a span{ display: block; position: absolute; bottom: 15px; width: 100%; text-align: center; }
	 
	 /*FEATURES ICONS*/
	.features-nav .content ul li:before{ content: ""; display: block; width: 20px; height: 20px; display: block; background-size: 100% 100%; position: absolute; left: 50%; top: 50%; margin-top: -18px; transition: all 0.3s ease; }

	.features-nav .content ul li.payments:before{ background-image: url("https://cdn2.hubspot.net/hubfs/2409821/2018%20New%20Designs%20-%20General/features-icons/wallet.svg"); width: 21px; height: 20px; margin-left: -10px; }
	.features-nav .content ul li.ingredients:before{ background-image: url("https://cdn2.hubspot.net/hubfs/2409821/2018%20New%20Designs%20-%20General/features-icons/list.svg"); width: 23px; height: 20px; margin-left: -11px; }
	.features-nav .content ul li.integrations:before{ background-image: url("https://cdn2.hubspot.net/hubfs/2409821/2018%20New%20Designs%20-%20General/features-icons/puzle.svg"); width: 20px; height: 20px; margin-left: -10px; }
	.features-nav .content ul li.reporting:before{ background-image: url("https://cdn2.hubspot.net/hubfs/2409821/2018%20New%20Designs%20-%20General/features-icons/progress.svg"); width: 22px; height: 20px; margin-left: -11px; }
	.features-nav .content ul li.inventory:before{ background-image: url("https://cdn2.hubspot.net/hubfs/2409821/2018%20New%20Designs%20-%20General/features-icons/box.svg"); width: 18px; height: 21px; margin-left: -9px; }
	.features-nav .content ul li.loyalty:before{ background-image: url("https://cdn2.hubspot.net/hubfs/2409821/2018%20New%20Designs%20-%20General/features-icons/heart.svg"); width: 23px; height: 20px; margin-left: -11px; }
	.features-nav .content ul li.offline-mode:before{ background-image: url("https://cdn2.hubspot.net/hubfs/2409821/2018%20New%20Designs%20-%20General/features-icons/switch.svg"); width: 31px; height: 16px; margin-left: -15px; }
	.features-nav .content ul li.odu:before{ background-image: url("https://cdn2.hubspot.net/hubfs/2409821/2018%20New%20Designs%20-%20General/features-icons/odu.svg"); width: 30px; height: 22px; margin-left: -15px; }
	.features-nav .content ul li.table-service:before{ background-image: url("https://cdn2.hubspot.net/hubfs/2409821/2018%20New%20Designs%20-%20General/features-icons/table.svg"); width: 27px; height: 20px; margin-left: -13px; }
	
	.features-nav .content ul li.software:before{ background-image: url("https://cdn2.hubspot.net/hubfs/2409821/2018%20New%20Designs%20-%20General/features-icons/software.svg"); width: 26px; height: 20px; margin-left: -13px; }
	.features-nav .content ul li.hardware:before{ background-image: url("https://cdn2.hubspot.net/hubfs/2409821/2018%20New%20Designs%20-%20General/features-icons/hardware.svg"); width: 20px; height: 20px; margin-left: -13px; }

/*MOBILE MENU*/
.mobile-menu{ position: fixed; top: 0; width: 300px; height: 100%; background: #f5f5f5; z-index: 9999; left: -310px; transition: all 0.3s ease; display: none; }
.mobile-menu.show{ left: 0; }

/*HIDDEN MENU*/
.hidden-menu{ position: fixed; width: 100%; left: 0; height: 75px; background: #f5f5f5; z-index: 9999; top: -80px; transition: all 0.3s ease; box-shadow: 0 0 3px rgba(0,0,0,0.5); }
.hidden-menu .content{ width: 1250px; }
.hidden-menu.show{ top: 0; }
.hidden-menu .logo{ position: relative; top: 26px; float: left; }
.hidden-menu .logo a{ display: block; width: 155px; height: 23px; background: url('https://cdn2.hubspot.net/hubfs/2409821/2018%20New%20Designs%20-%20General/icons/nobly-black.png'); background-size: 100% 100%; }
.hidden-menu .right-bar{ float: right; }
.hidden-menu .right-bar .call-us{ float: left; margin-left: 0; left: 170px; margin-top: 23px; }
.hidden-menu .right-bar .call-us .label{ font-size: 12px; color: #000; text-transform: uppercase; margin-right: 10px; }
.hidden-menu .right-bar .call-us .label:before{ content: '\e805'; font-family: 'qsr'; display: block; font-size: 16px; color: #46b548; float: left; position: relative; top: 7px; margin-right: 15px; }
.hidden-menu .right-bar .call-us .number{ font-size: 20px; color: #000; text-transform: uppercase; font-weight: bold; position: relative; top: 3px; text-decoration: none; }
.hidden-menu .right-bar a.green-button{ padding: 10px 15px !important; text-decoration: none !important; margin-left: 30px; position: relative; top: 30px; font-size: 12px !important; height: auto !important; line-height: 1 !important; border-radius: 0 !important; width: auto !important; font-family: "Lato" !important; margin-top: 0 !important; }
	
/*HERO*/
.hero{ height: 676px; background: url('https://cdn2.hubspot.net/hubfs/2409821/2018%20New%20Designs%20-%20General/hero-bg.jpg'); background-size: cover; background-position: center top !important; }
.hero .hero-text{ color: #FFF; text-shadow: 0 2px 22px rgba(0, 0, 0, 0.62); text-align: center; font-size: 50px; font-family: 'Raleway', Tahoma, Arial, sans-serif; text-transform: uppercase; line-height: 1.2; width: 706px; font-weight: 900; 
position: absolute; left: 50%; margin-left: -353px; }
/*.hero .hero-text:before{ content: ''; display: block; width: 833px; height: 259px; background: url('https://cdn2.hubspot.net/hubfs/2409821/2018%20New%20Designs%20-%20General/confetti-hero.svg'); background-size: 100% 100%; position: absolute; 
top: -90px; left: 50%; margin-left: -400px; z-index: 0; }*/

	/*HERO FIXED*/
	.hero{ height: calc(100vh - 140px); min-height: 600px; }
	.hero .content{ height: calc(100vh - 140px); min-height: 600px; }
	.hero .hero-text{ top: 50%; transform: translateY(-50%); height: auto; margin-top: 50px; }
	.hero .hero-text p{ margin: 0; }


/*HERO QSR*/
.hero .hero-qsr{ position: relative; z-index: 10; }
.hero .hero-qsr #rotate{ height: 60px; overflow: hidden; visibility: hidden; }
.hero .hero-qsr #rotate.show{ visibility: visible; }
.hero .hero-qsr #rotate div{ color: #46b548; }
.hero .hero-text h1{ margin: 0; font-size: 52px; font-weight: 900; }
.hero .hero-text h1 span{ display: block; }
.hero .hero-text h1 span + span{ color: #46b548; display: inline-block; }
.hero .hero-text h2,
.hero .hero-text h3{ font-size: 18px; font-weight: bold; margin-top: 40px; }
.hero .hero-text .green-button{ font-size: 20px; font-weight: bold; text-shadow: none; display: inline-block; text-decoration: none; padding: 18px 110px; margin-top: 0; }

/*BRANDS STARS*/
.brands-stars{ padding: 10px 0 100px; }
.brands-stars:after{ content: ''; clear: both; display: block; }
.brands-stars ul{ padding-left: 0; }
.brands-stars ul li{ float: left; padding-right: 80px; position: relative; }
.brands-stars ul li:last-child{ padding-right: 0; }
.brands-stars ul li img{ position: relative; top: 15px; }

.brands-stars ul li.google-logo img{ left: 0; }
.brands-stars ul li.getapp-logo img{ top: 19px; left: 20px; }
.brands-stars ul li.trustpilot-logo img{ top: -13px; left: 30px; }
.brands-stars ul li.capterra-logo img{ top: 18px; left: 2px; }
.brands-stars ul li.softwareadvice-logo img{ top: 26px; right: 0; }

/*BUNDLE CONFETTI*/
.bundle-confetti{ padding-top: 20px; margin-bottom: 30px; }
.bundle-confetti .content{ width: 1110px; }
.bundle-confetti:after{ content: ""; display: block; clear: both; }
.bundle-confetti .text{ float: left; width: 650px; font-weight: bold; }
.bundle-confetti .title p{ font-size: 48px; font-family: 'Raleway', Tahoma, Arial, sans-serif; line-height: 1.2; margin-bottom: 30px; font-weight: bold; color: #000; }
.bundle-confetti .title p span{ display: block; }
.bundle-confetti .title p span + span{ color: #46b548; }
.bundle-confetti p.description{ font-size: 16px; line-height: 1.6; max-width: 550px; color: #3d515b; font-weight: normal; }
.bundle-confetti .food-list{ margin-top: 40px; width: 550px; padding-left: 0; }
.bundle-confetti .food-list li{ float: left; width: 33%; margin-bottom: 15px; min-height: 50px; }
.bundle-confetti .food-list li p{ font-family: Raleway; font-size: 13px; font-weight: normal; line-height: 1.77; color: #46b548; text-transform: uppercase; margin: 0; }

.bundle-confetti .food-list li:before{ content: ''; font-family: 'qsr'; float: left; color: #77858c; font-size: 28px; font-weight: normal; margin-right: 10px; position: relative; top: -7px; width: 40px; }
.bundle-confetti .food-list li.coffe-shop:before{ content: '\e809'; }
.bundle-confetti .food-list li.deli-shop:before{ content: '\e807'; font-size: 19px; top: 1px; }
.bundle-confetti .food-list li.burrito-bar:before{ content: '\e808'; top: 0; }
.bundle-confetti .food-list li.juice-bar:before{ content: '\e804'; font-size: 36px; top: -8px; }
.bundle-confetti .food-list li.ice-cream:before{ content: '\e803';  font-size: 39px; top: -8px; left: 6px; }
.bundle-confetti .food-list li.taco-bar:before{ content: '\e806'; top: 0; }
.bundle-confetti .food-list li.crepe-stand:before{ content: '\e800'; top: 0; font-size: 26px; left: 5px; opacity: 0.3; }
.bundle-confetti .food-list li.burguer-joint:before{ content: '\e802'; font-size: 24px; top: 0; opacity: 0.3; }
.bundle-confetti .food-list li.doughtnut-stand:before{ content: '\e801'; top: 0; opacity: 0.3; }

.bundle-confetti .food-list li.crepe-stand p,
.bundle-confetti .food-list li.burguer-joint p,
.bundle-confetti .food-list li.doughtnut-stand p{ opacity: 0.3; }

.bundle-confetti .bundle{ position: absolute; top: -50px; right: -120px; }
.bundle-confetti .bundle img{ position: relative; }

/*TRUSTED BY*/
.trusted-by{ background: #f6f7fd; padding: 80px 0 30px; }
.trusted-by:after{ content: ""; display: block; clear: both; }
.trusted-by .content{ width: 1305px; }
.trusted-by .content .optional-logos{ display: none; }
.trusted-by .title{ font-family: Raleway; font-size: 48px; font-weight: bold; line-height: 1.3; text-align: center; max-width: 1000px; margin: 0 auto; margin-bottom: 60px; }
.trusted-by .restaurants{ padding-left: 0; }
.trusted-by .restaurants li{ float: left; width: 311px; margin-right: 20px }
.trusted-by .restaurants li:last-child{ margin-right: 0; }

.trusted-by .info-wrap{}
.trusted-by .info-wrap .title{ color: #46b548; font-size: 18px; font-weight: bold; text-align: left; margin: 30px 0 5px; }
.trusted-by .info-wrap .bar-name{ font-size: 16px; color: #555d61; margin-bottom: 10px; margin-top: 0; }
.trusted-by .info-wrap .systems{ font-size: 14px; color: #869ba6; margin-bottom: 20px; margin-top: 0; }
.trusted-by .info-wrap .quote{ font-size: 16px; line-height: 1.5; color: #3d515b; font-style: italic; }

/*ONE POS*/
.one-pos{ background: #FFF; padding: 80px 0 30px; }
.one-pos:after{ content: ""; display: block; clear: both; }
.one-pos .content{ width: 1320px; }
.one-pos .title{ font-family: Raleway; font-size: 48px; font-weight: bold; line-height: 1.3; text-align: center; max-width: 1000px; margin: 0 auto; margin-bottom: 60px; }
.one-pos .title span{ display: block; }
.one-pos figure{ display: block; margin: 40px auto; width: 100%; text-align: center; }
.one-pos .features-list{ padding-left: 0; }
.one-pos .features-list:after{ content: ""; display: block; clear: both; }
.one-pos .features-list li{ float: left; width: 20%; padding: 0; margin: 0; position: relative; transition: all 0.2s ease; }
.one-pos .features-list li .feature-content{ background: #f6f7fd; height: 454px; margin: 0 10px; padding: 15px; position: relative; transition: all 0.2s ease; }
.one-pos .features-list li:after{ content: ""; display: block; clear: both; }
.one-pos .features-list li .feature-title{ font-family: Raleway; font-size: 18px; font-weight: 600; color: #3d515b; margin-bottom: 10px; line-height: 1.3; }
.one-pos .features-list li .feature-description{ font-size: 14px; line-height: 1.5; color: #888f92; }
.one-pos .features-list li figure{ position: absolute; bottom: 0; left: 0; padding: 0 10px; margin-top: 0; }
.one-pos .features-list li figure img{ max-width: 100%; }
.one-pos .features-list li.integrated-payments figure{ bottom: 20px; }
.one-pos  .all-features-btn{ width: 280px; text-align: center; color: #46b548; border: 2px solid #46b548; display: block; text-decoration: none; height: 55px; line-height: 52px; color: #46b548; font-size: 18px; margin: 70px auto; 
transition: all 0.3s ease; text-transform: uppercase; }
.one-pos  .all-features-btn:hover{ background: #108720; color: #FFF; border-color: #108720; }

/*GET STARTED*/
.get-started{ background: #f6f7fd; padding: 80px 0 30px; }
.get-started:after{ content: ""; display: block; clear: both; }
.get-started .content{ width: 1240px; }
.get-started .title{ font-family: Raleway; font-size: 48px; font-weight: bold; line-height: 1.3; text-align: center; max-width: 1000px; margin: 0 auto; margin-bottom: 80px; }
.get-started .steps{ padding-left: 0; }
.get-started .steps li{ float: left; width: 400px; margin-right: 20px; height: 400px; background: #FFF; padding: 30px; text-align: center; position: relative; }
.get-started .steps li .green-button{ width: 148px; height: 40px; line-height: 40px; margin-top: 0; display: inline-block; text-align: center; text-transform: none; text-decoration: none; font-size: 14px; text-transform: uppercase; }
.get-started .steps li:last-child{ margin-right: 0; }
.get-started .steps li .number{ display: block; font-size: 36px; font-weight: bold; width: 85px; height: 85px; line-height: 85px; background: #FFF; position: absolute; left: 50%; margin-left: -42px; top: -40px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%; }
.get-started .steps li figure{ padding: 75px; min-height: 170px; padding-bottom: 0; }
.get-started .steps li .title{ font-size: 30px; font-weight: bold; color: #000; text-align: center; margin-bottom: 15px; }
.get-started .steps li .description{ font-size: 16px; color: #555d61; text-align: center; line-height: 1.5; padding: 0 20px; }

/*EPOS OWNERS*/
.epos-owners{ background: #FFF; padding: 80px 0 30px; }
.epos-owners:after{ content: ""; display: block; clear: both; }
.epos-owners .content{ width: 1250px; height: 650px; position: relative; }
.epos-owners .content .green-block{ width: 630px; height: 400px; background: #46b548; position: absolute; top: 100px; left: 0; padding: 50px 80px; z-index: 20; }
.epos-owners .content .green-block .small-title{ font-family: Raleway; text-transform: uppercase; font-size: 13px; display: block; line-height: 1.7; color: #FFF; }
.epos-owners .content .green-block .title{ font-family: Raleway; font-weight: bold; line-height: 1.3; font-size: 48px; color: #FFF; padding: 0; margin: 10px 0 0;  }
.epos-owners .content .green-block .text{ line-height: 1.6; color: #FFF; font-size: 16px; }
.epos-owners .content .big-picture{ width: 925px; height: 615px; display: block; background: #EEE; position: absolute; right: 0; top: 0; z-index: 10; overflow: hidden; }
.epos-owners .content .big-picture img{ object-fit: cover; width: 100%; height: 100%; display: block; }

/*SAVE TIME*/
.save-time{ background: #f6f7fd; padding: 80px 0 30px; }
.save-time:after{ content: ""; display: block; clear: both; }
.save-time .content{ width: 1100px; }
.save-time .title{ font-family: Raleway; font-size: 48px; font-weight: bold; line-height: 1.3; text-align: center; max-width: 1000px; margin: 0 auto; margin-bottom: 80px; }
.save-time .title p{ margin-top: 0; }
.save-time .title span{ display: block; }
.save-time .features-list{ padding-left: 0; }
.save-time .features-list li{ width: 300px; float: left; margin-right: 100px; margin-bottom: 40px; text-align: center; }
.save-time .features-list li:nth-child(3n){ margin-right: 0; }
.save-time .features-list li .feature-title{ font-family: Raleway; font-weight: bold; font-size: 22px; line-height: 1.1; color: #000; padding: 0; margin: 20px 0; }
.save-time .features-list li .feature-title p{ margin: 0; padding: 0;  }
.save-time .features-list li .feature-title p span{ display: block; }
.save-time .features-list li .description{ font-size: 16px; line-height: 1.3; color: #555d61; }
.save-time .features-list li .description p{ margin: 0; }
.save-time .cta-wrap{ display: none; }

/*CUSTOMERS SAY*/
.customers-say{ background: #FFF; padding: 100px 0 170px; }
.customers-say:after{ content: ""; display: block; clear: both; }
.customers-say .content{ width: 1260px; }
.customers-say .title{ font-family: Raleway; font-size: 48px; font-weight: bold; line-height: 1.3; text-align: center; max-width: 1000px; margin: 0 auto; margin-bottom: 60px; }
.customers-say .video-list ul{ padding-left: 0; }
.customers-say .video-list li{ width: 400px; float: left; margin-right: 30px; }
.customers-say .video-list li:last-child{ margin-right: 0; }
.customers-say .video-list li .video-box{ width: 100%; height: 256px; background: none; display: block; position: relative; overflow: hidden; }
.customers-say .video-list li .video-box:before{ content: ""; display: block; width: 90px; height: 90px; background: rgba(255,255,255,0.3) url('https://cdn2.hubspot.net/hubfs/2409821/2018%20New%20Designs%20-%20General/play-icon.svg'); 
background-size: 50px 67px; background-repeat: no-repeat; background-position: 26px center; 
border-radius: 100%; position: absolute; top: 50%; left: 50%; margin-left: -45px; margin-top: -75px; transition: all 0.3s ease; }
.customers-say .video-list li .video-box:hover:before{ transform: scale(1.1); background-color: rgba(255,255,255,0.3); }
.customers-say .video-list li .video-box img{ object-fit: cover; width: 100%; height: 100%; display: block; }
.customers-say .video-list li .video-box .quote{ position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(0,0,0,0.5); padding: 20px 15px; font-family: 'Raleway', Tahoma, Arial, sans-serif; text-align: center; font-weight: 600; font-size: 14px; color: #FFF; 
line-height: 1.4; transition: all 0.3s ease; }
.customers-say .video-list li .video-box .quote p{ margin: 0; }
.customers-say .video-list li .video-box:hover .quote{ background: rgba(0,0,0,0.7); }
.customers-say .video-list li .video-box .quote span{ display: block; }
.customers-say .video-list li .customer-info{ margin-top: 20px; position: relative; }
.customers-say .video-list li .customer-info .name{ font-size: 18px; line-height: 1; color: #3d515b; max-width: 250px; }
.customers-say .video-list li .customer-info .position{ font-size: 14px; color: #869ba6; line-height: 2; max-width: 250px; }
.customers-say .video-list li .customer-info .customer-type{ font-family: 'Raleway', Tahoma, Arial, sans-serif; color: #3d515b; font-size: 14px; max-width: 250px; }
.customers-say .video-list li .customer-info .customer-logo{ width: 120px; height: auto; min-height: 50px; background: none; position: absolute; right: 0; top: 10px; text-align: right; }
.customers-say .video-list li .customer-info .customer-logo img{ max-width: 100%; height: auto; }

.customers-say .video-list li .customer-info .customer-logo.second{ top: -5px; }
.customers-say .video-list li .customer-info .customer-logo.third{ width: 150px; }

/*CHOOSE PLAN*/
.choose-plan{ background: #f6f7fd; padding: 60px 0 80px; }
.choose-plan:after{ content: ""; display: block; clear: both; }
.choose-plan .content{ width: 1100px; }
.choose-plan .title{ font-family: Raleway; font-size: 48px; font-weight: bold; line-height: 1.3; text-align: center; margin: 0 auto; margin-bottom: 15px; }
.choose-plan .sub-title{ font-family: Raleway; font-size: 36px; font-weight: normal; line-height: 1.3; text-align: center; margin: 0 auto; margin-bottom: 40px; }
.choose-plan .small-title{ font-family: Raleway; font-size: 18px; font-weight: normal; line-height: 1.3; text-align: center; margin: 0 auto; color: #3d515b; margin-bottom: 20px; }
.choose-plan .prices-container{ width: 800px; margin: 80px auto; }
.choose-plan .prices-container:after{ content: ""; display: block; clear: both; }
.choose-plan .prices-container .price{ width: 350px; height: 350px; background: #EEE; float: left; margin-right: 100px; padding: 30px; text-align: center; position: relative; z-index: 10; }
.choose-plan .prices-container .price:last-child{ margin-right: 0; }
.choose-plan .prices-container .price.green{ background: #46b548; }
.choose-plan .prices-container .price.blue{ background: #007fff; }

.choose-plan .prices-container .price.green:before{ content: ""; display: block; width: 107px; height: 168px; position: absolute; top: -35px; left: -140px; 
background: url('https://cdn2.hubspot.net/hubfs/2409821/2018%20New%20Designs%20-%20General/izq.svg'); background-size: 100% 100%; }
.choose-plan .prices-container .price.blue:before{ content: ""; display: block; width: 88px; height: 124px; position: absolute; top: 7px; right: -140px; 
background: url('https://cdn2.hubspot.net/hubfs/2409821/2018%20New%20Designs%20-%20General/der.svg'); background-size: 100% 100%; }

.choose-plan .prices-container .price .box{ width: 350px; height: 350px; background: #FFF; float: left; margin-right: 70px; padding: 20px 30px; text-align: center; position: relative; z-index: 1; }
.choose-plan .prices-container .price .time{ font-family: Raleway; font-weight: bold; color: #000; text-transform: uppercase; line-height: 1.3; font-size: 48px; margin: 0; }
.choose-plan .prices-container .price .description{ color: #888f92; font-size: 16px; line-height: 1.3; }
.choose-plan .prices-container .price .value{ font-size: 90px; font-weight: 300; color: #3d515b; margin: 20px 0; }
.choose-plan .prices-container .price .save{ font-size: 24px; color: #007fff; line-height: 1.3; text-align: center; font-weight: bold; margin: 0; }
.choose-plan .prices-container .price .subscription{ font-size: 18px; color: #888f92; line-height: 1.5; text-align: center; font-weight: bold; margin: 0; }
.choose-plan .prices-container .price .equivalent{ font-size: 14px; color: #888f92; line-height: 1.5; text-align: center; margin: 0; }
.choose-plan .green-button{ width: 200px; height: 55px; line-height: 55px; text-transform: uppercase; margin: 100px auto 0; text-align: center; font-size: 14px; display: block; text-decoration: none; }


/*BOOK A FREE DEMO*/
.book-a-free-demo{ background: #f6f7fd; padding: 90px 0 100px; }
.book-a-free-demo .content{ width: 1020px; }
.book-a-free-demo .title{ font-family: Raleway; font-size: 48px; font-weight: bold; line-height: 1.3; text-align: center; max-width: 1000px; margin: 0 auto; margin-bottom: 60px; }
.book-a-free-demo .forms:after{ content: ""; display: block; clear: both; }
.book-a-free-demo .forms .input-row{ float: left; width: 330px; margin-right: 15px; }
.book-a-free-demo .forms .input-row input{ width: 100%; border: 1px solid #dbdbdb; height: 55px; line-height: 55px; padding: 0 15px; font-family: "Lato"; color: #3d515b; font-size: 16px; outline: none !important; }
.book-a-free-demo .forms .input-row input:focus{ outline: none !important; }
.book-a-free-demo .forms .input-row:last-child input{ margin-right: 0; }
.book-a-free-demo .green-button.free-demo{ display: block; text-align: center; text-transform: uppercase; font-weight: bold; width: 360px; padding: 10px 0; text-decoration: none; margin: 30px auto 0; }
.book-a-free-demo .green-button.free-demo span{ font-size: 18px; line-height: 1.4; display: block; }
.book-a-free-demo .green-button.free-demo span + span{ font-size: 14px; line-height: 1.7; font-weight: normal; }

.book-a-free-demo .widget-type-form{ position: relative; }
.book-a-free-demo .row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-15px;margin-right:-15px;}
.book-a-free-demo .widget-type-form:before{ content: ""; display: block; width: 107px; height: 168px; position: absolute; top: -35px; left: -140px; background: url('https://cdn2.hubspot.net/hubfs/2409821/2018%20New%20Designs%20-%20General/izq.svg'); 
background-size: 100% 100%; }
.book-a-free-demo .widget-type-form:after{ content: ""; display: block; width: 88px; height: 124px; position: absolute; top: -33px; right: -140px; background: url('https://cdn2.hubspot.net/hubfs/2409821/2018%20New%20Designs%20-%20General/der.svg'); 
background-size: 100% 100%; }

.book-a-free-demo .widget-type-form{ float: none; width: 1020px; margin: 0 auto !important; }
.book-a-free-demo .form-wrapper .form-group{float:left; margin-right:15px; width:330px;}
.book-a-free-demo .form-wrapper .form-group.submit{width: 100%;text-align: center;}
.book-a-free-demo .form-wrapper .form-group label.error{color:red;margin-left:5px;margin-top:2px;}
.book-a-free-demo .widget-type-form input{ width: 100%; border: 1px solid #dbdbdb; height: 55px; line-height: 55px; padding: 0 15px; font-family: "Lato"; color: #3d515b; font-size: 16px; outline: none !important; }
.book-a-free-demo .widget-type-form input:focus{ outline: none !important; }
.book-a-free-demo .widget-type-form .hs-form-required{ display: none; }
.book-a-free-demo .widget-type-form input[type="submit"]{ display: block; text-align: center; text-transform: uppercase; font-weight: bold; width: 360px; padding: 0; text-decoration: none; margin: 30px auto 0; border: none; background: #46b548;
color: #FFF; cursor: pointer; height: 55px; line-height: 55px; }
.book-a-free-demo .form-wrapper .form-group.email, .book-a-free-demo .form-wrapper .form-group.submit {
    margin-right: 0 !important;
}
.book-a-free-demo fieldset{ max-width: 100% !important; }
.book-a-free-demo .widget-type-form .input{ margin-right: 0 !important; }
.book-a-free-demo .widget-type-form .smart-field{ width: 330px !important; margin-right: 15px; }
.book-a-free-demo .widget-type-form .smart-field:last-child{ margin-right: 0 !important; }

.book-a-free-demo .hs-error-msgs{ padding-left: 0 !important; font-size: 12px !important; }
.book-a-free-demo form .captcha-wrapper{text-align: center; display: flex; justify-content: center; width: 100%; padding-top: 20px;}
.book-a-free-demo form .captcha-wrapper .g-recaptcha{display:inline-block;}

/*FAQ*/
.global-header{ background: #FFF; padding: 80px 0 30px; }
.global-header:after{ content: ""; display: block; clear: both; }
.global-header .content{ width: 1250px; }
.global-header .title{ font-family: Raleway; font-size: 48px; font-weight: bold; line-height: 1.3; text-align: center; max-width: 1000px; margin: 0 auto; margin-bottom: 60px; }

.faq-questions-container{ width: 1250px; margin: 0 auto; }
.faq-questions-container .question{ border: 1px solid #979797; margin-bottom: 15px; transition: all 0.3s ease; }
.faq-questions-container .question a{ display: block; width: 100%; font-size: 18px; color: #3d515b; text-decoration: none; padding: 15px 20px; transition: all 0.2s ease; position: relative; padding-right: 60px; }
.faq-questions-container .question a:before{ content: '\f107'; font-family: 'qsr'; display: block; position: absolute; top: 8px; right: 20px; font-size: 32px; transition: all 0.2s ease; }
.faq-questions-container .question p{ width: 100%; font-size: 18px; color: #3d515b; height: 0; overflow: hidden; visibility: hidden; opacity: 0; transition: all 0.2s ease; padding: 0 20px 0; margin: 0; }
.faq-questions-container .question.active{ border: 2px solid #46b548; background: #f6f7fd; }
.faq-questions-container .question:hover{ background: #f6f7fd; }
.faq-questions-container .question.active p{ opacity: 1; visibility: visible; overflow: visible; height: auto; padding: 10px 20px 20px; }
.faq-questions-container .question.active a{ font-weight: bold; color: #46b548; }
.faq-questions-container .question.active a:before{ font-weight: normal; transform: rotate(180deg); }

/*FOOTER*/
.site-footer{ padding: 50px 0; }
.site-footer .content{ width: 1250px; }
.site-footer .content .footer-nav:after{ content: ""; display: block; clear: both; padding-bottom: 10px; }
.site-footer .content .footer-nav .column{ width: 175px; float: left; margin-right: 40px; }
.site-footer .content .footer-nav .column:last-child{ margin-right: 0; }
.site-footer .content .footer-nav .column ul{ margin-bottom: 25px; padding-left: 0; }
.site-footer .content .footer-nav .column ul li{ font-family: 'Raleway', Tahoma, Arial, sans-serif; font-size: 12px; line-height: 1.8; color: #3d515b; text-decoration: none; }
.site-footer .content .footer-nav .column ul li .title{ text-transform: uppercase; font-family: 'Raleway', Tahoma, Arial, sans-serif; font-size: 12px; line-height: 1.8; color: #3d515b; font-weight: bold; }
.site-footer .content .footer-nav .column ul li a{ font-family: 'Raleway', Tahoma, Arial, sans-serif; font-size: 12px; line-height: 1.8; color: #3d515b; text-decoration: none; padding-right: 10px; }
.site-footer .content .footer-nav .column ul li a:hover{ text-decoration: underline; }
.site-footer .content .footer-nav .column ul li strong{ font-weight: bold; }

.site-footer .bottom{ border-top: 1px solid #9aaab2; padding: 30px 0 20px; clear: both; position: relative; }
.site-footer .bottom .legal{ float: left; }
.site-footer .bottom .legal p{ font-family: 'Raleway', Tahoma, Arial, sans-serif; font-size: 11px; font-weight: normal; line-height: 1.8; color: #3d515b; margin: 0; }
.site-footer .bottom .legal a{ font-family: 'Raleway', Tahoma, Arial, sans-serif; font-size: 11px; font-weight: bold; line-height: 1.8; color: #3d515b; text-decoration: none; margin-right: 15px; }
.site-footer .bottom .legal a:hover{ text-decoration: underline; }
.site-footer .bottom .nobly-pos-logo{ width: 136px; height: 20px; background: url('https://cdn2.hubspot.net/hubfs/2409821/2018%20New%20Designs%20-%20General/nobly-pos-logo.svg'); background-size: 100% 100%; float: right; }
.site-footer .bottom .social{ position: absolute; width: 190px; height: 24px; left: 50%; margin-left: -95px; top: 35px; }
.site-footer .bottom .social li{ float: left; margin: 0 7px; }
.site-footer .bottom .social li a{ display: block; width: 24px; height: 24px; background: #404040; border-radius: 100%; text-align: center; line-height: 24px; text-decoration: none; transition: all 0.1s ease; }
.site-footer .bottom .social li a:hover,
.site-footer .bottom .social li a:focus{ text-decoration: none; transform: scale(1.1); background: #108720; }

.site-footer .bottom .social ul{ padding-left: 0; margin: 0; }
.site-footer .bottom .social li a:before{ content: ''; font-family: 'qsr'; display: block; font-size: 16px; color: #FFF; }
.site-footer .bottom .social li a.facebook:before{ content: '\f09a'; }
.site-footer .bottom .social li a.twitter:before{ content: '\f099'; }
.site-footer .bottom .social li a.instagram:before{ content: '\f16d'; font-size: 14px; }
.site-footer .bottom .social li a.pinterest:before{ content: '\f231'; }
.site-footer .bottom .social li a.linkedin:before{ content: '\f0e1'; }
.site-footer .bottom .social li a.youtube:before{ content: '\f16a'; font-size: 15px; }

.site-footer .accredit-logo{ display: block; background: url("https://cdn2.hubspot.net/hubfs/2409821/accredit-business.png?t=1537281615787"); background-size: 100% auto; width: 110px; height: 42px; position: absolute; right: 154px; top: 18px; }

/*COOKIE MESSAGE*/
body div#hs-eu-cookie-confirmation.can-use-gradients{ background: rgba(0,0,0,0.7) !important; border: none; box-shadow: none; padding-bottom: 5px; }
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p{ font-family: "Lato", sans-serif !important; font-size: 13px !important; text-align: center !important; text-shadow: none !important; display: block !important;
max-width: 1280px !important; margin: 0 auto 20px !important; }
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button{ background: #46b548 !important; color: #FFF !important; text-transform: uppercase !important; font-family: "Lato", sans-serif !important; 
font-size: 12px !important; text-shadow: none !important; border: 1px solid #46b548 !important; border-radius: 0 !important; box-shadow: none !important; padding: 7px 25px !important; }
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a{ background: none !important; color: #FFF !important; text-transform: uppercase !important; font-family: "Lato", sans-serif !important; 
font-size: 12px !important; text-shadow: none !important; border-radius: 0 !important; box-shadow: none !important; border: 1px solid #FFF !important; padding: 7px 25px !important; }
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a:hover{ border: 1px solid #FFF !important; }
	

/*RESET FAQ LIST FOR SMART CONTENT*/
.faq-wrap{ margin-left: 0 !important; }

/*GLOBAL FREE DEMO POPUP*/
.free-demo-popup{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.7); top: 0; left: 0; z-index: 9999; }
.free-demo-popup.open{ display: block !important; }
.free-demo-popup .cnt{ width: 550px; height: auto; background: #FFF; border-radius: 5px; position: absolute; left: 50%; top: 50%; margin-left: -275px; margin-top: -350px; padding: 30px; text-align: center; box-shadow: 0 0 15px rgba(0,0,0,0.5); }
.free-demo-popup .cnt .close-button{ position: absolute; top: 15px; right: 15px; width: 35px; height: 35px; border-radius: 100%; background: #f0efef; text-align: center; line-height: 30px; color: gray; font-size: 15px; font-weight: bold; 
text-decoration: none; }
.free-demo-popup .cnt .close-button:before{ content: ""; display: block; background: url(https://cdn2.hubspot.net/hubfs/2409821/2018%20New%20Designs%20-%20General/close-button-1.svg?t=1543256618707); background-repeat: no-repeat; 
background-size: 100% 100%; width: 22px; height: 18px; top: 8px; left: 7px; position: absolute; transition: all .2s ease; }
.free-demo-popup .cnt .close-button:hover:before{ transform: rotate(180deg); }
.free-demo-popup .cnt h3{ font-family: "Raleway", sans-serif; font-size: 24px; font-weight: bold; margin: 0; }
.free-demo-popup .cnt .downline{ font-size: 15px; font-weight: 600; margin-bottom: 30px; }
.free-demo-popup .cnt .downline a{ font-size: 15px; color: #46b548; text-decoration: none; }
.free-demo-popup .cnt .formbox-wrapper input, .free-demo-popup .cnt .formbox-wrapper textarea{ font-size: 14px; border-radius: 4px; background: #fafafa; border: 1px solid #dbdbdb; padding: 15px; margin-bottom: 15px; font-family: "Lato", sans-serif !important; outline: none !important; }
.free-demo-popup .cnt .formbox-wrapper textarea{max-width:490px;}
.free-demo-popup .cnt .formbox-wrapper input:focus{ outline: none !important; }
.free-demo-popup .cnt .formbox-wrapper label.error{float: left; color: red; margin-top:-10px; margin-bottom: 10px; margin-left:5px;}
.free-demo-popup .cnt .formbox-wrapper input[type="submit"]{ background: #46b548; text-align: center; border: none; border-radius: 2px; color: #FFF; text-align: center; width: 100%; font-weight: bold; width: 100%; text-transform: uppercase; cursor: pointer; }
.free-demo-popup .cnt .formbox-wrapper .hs-form-required{ display: none !important; }
.free-demo-popup .cnt .formbox-wrapper .hs-error-msgs{ margin: 0; padding: 0; font-size: 12px; color: #F00; text-align: left; margin-bottom: 15px; }

.free-dpopup{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.7); top: 0; left: 0; z-index: 9999; }
.free-dpopup.open{ display: block !important; }
.free-dpopup .cnt{ width: 550px; height: auto; background: #FFF; border-radius: 5px; position: absolute; left: 50%; top: 50%; margin-left: -275px; margin-top: -350px; padding: 30px; text-align: center; box-shadow: 0 0 15px rgba(0,0,0,0.5); }
.free-dpopup .cnt .close-button{ position: absolute; top: 15px; right: 15px; width: 35px; height: 35px; border-radius: 100%; background: #f0efef; text-align: center; line-height: 30px; color: gray; font-size: 15px; font-weight: bold; 
text-decoration: none; }
.free-dpopup .cnt .close-button:before{ content: ""; display: block; background: url(https://cdn2.hubspot.net/hubfs/2409821/2018%20New%20Designs%20-%20General/close-button-1.svg?t=1543256618707); background-repeat: no-repeat; 
background-size: 100% 100%; width: 22px; height: 18px; top: 8px; left: 7px; position: absolute; transition: all .2s ease; }
.free-dpopup .cnt .close-button:hover:before{ transform: rotate(180deg); }
.free-dpopup .cnt h3{ font-family: "Raleway", sans-serif; font-size: 24px; font-weight: bold; margin: 0; }
.free-dpopup .cnt .downline{ font-size: 15px; font-weight: 600; margin-bottom: 30px; }
.free-dpopup .cnt .downline a{ font-size: 15px; color: #46b548; text-decoration: none; }
.free-dpopup .cnt .formbox-wrapper input, .free-dpopup .cnt .formbox-wrapper textarea, .free-dpopup .cnt .formbox-wrapper select{ font-size: 14px; border-radius: 4px; background: #fafafa; border: 1px solid #dbdbdb; padding: 15px; margin-bottom: 15px; font-family: "Lato", sans-serif !important; outline: none !important; }
.free-dpopup .cnt .formbox-wrapper select{color: rgb(117, 117, 117);}
.free-dpopup .cnt .formbox-wrapper textarea{max-width:490px;}
.free-dpopup .cnt .formbox-wrapper input:focus{ outline: none !important; }
.free-dpopup .cnt .formbox-wrapper label.error{float: left; color: red; margin-top:-10px; margin-bottom: 10px; margin-left:5px;}
.free-dpopup .cnt .formbox-wrapper input[type="submit"]{ background: #46b548; text-align: center; border: none; border-radius: 2px; color: #FFF; text-align: center; width: 100%; font-weight: bold; width: 100%; text-transform: uppercase; cursor: pointer; }
.free-dpopup .cnt .formbox-wrapper .hs-form-required{ display: none !important; }
.free-dpopup .cnt .formbox-wrapper .hs-error-msgs{ margin: 0; padding: 0; font-size: 12px; color: #F00; text-align: left; margin-bottom: 15px; }

.free-dpopup .cnt .g-recaptcha, .free-demo-popup .cnt .g-recaptcha{display:inline-block; margin-left: auto; margin-right: auto; margin-bottom:15px}

/*MODAL WRAP*/
.modal-wrap{ position: fixed; background: rgba(0,0,0,0.5); top: 0; left: 0; z-index: 99999; opacity: 0; width: 0; height: 0; overflow: hidden; transition: opacity 0.4s ease; }
.modal-wrap.open{ opacity: 1; width: 100%; height: 100%; overflow: auto; }
.modal-wrap .modal-box{ position: absolute; width: 850px; height: 520px; top: 50%; left: 50%; margin-left: -425px; margin-top: -260px; background: #FFF; box-shadow: 0 0 5px rgba(0,0,0,0.5); padding: 40px; position: relative; }
.modal-wrap .modal-box .header{ width: 100%; margin-bottom: 30px; }
.modal-wrap .modal-box .header .close-button{ position: absolute; top: 15px; right: 15px; width: 35px; height: 35px; border-radius: 100%; background: #f0efef; text-align: center; line-height: 30px; color: #808080; font-size: 15px; font-weight: bold; text-decoration: none; }
.modal-wrap .modal-box .header .close-button:before{ content: ""; display: block; background: url(https://cdn2.hubspot.net/hubfs/2409821/2018%20New%20Designs%20-%20General/close-button-1.svg?t=1541422418281); background-repeat: no-repeat; background-size: 100% 100%; width: 22px; height: 18px; top: 8px; left: 7px; position: absolute; transition: all 0.2s ease; }
.modal-wrap .modal-box .header .close-button:hover:before{ transform: rotate(180deg); }
.modal-wrap .modal-box .header .percent{ text-align: center; font-weight: bold; font-size: 17px; color: #717476; display: block; position: relative; top: -15px; }
.modal-wrap .modal-box .header .graph{ width: 95%; height: 8px; background: #f1f1f1; border-radius: 10px; }
.modal-wrap .modal-box .header .graph div{ background: #7c84f1; height: 8px; border-radius: 10px; }
.modal-wrap .modal-box .column-left{ width: 300px; float: left; }
.modal-wrap .modal-box .column-right{ width: 450px; float: right; }
.modal-wrap .modal-box .column-right h3{ font-family: "Raleway"; font-size: 36px; text-align: center; font-weight: normal; margin-top: 0; }
.modal-wrap .modal-box .column-right h3 strong{ font-weight: bold; }
.modal-wrap .modal-box .column-right .wrapform input{ border: 1px solid #dbdbdb !important; background-color: #fafafa !important; box-shadow: none !important; font-size: 16px; padding: 15px; border-radius: 4px; font-family: "Lato"; }
.modal-wrap .modal-box .column-right .wrapform input[type="submit"]{ background: #46b548 !important; text-shadow: none !important; padding: 18px; text-transform: uppercase; font-size: 16px; font-weight: bold; width: 100%; border: none; margin-top: 20px; color: #FFF; cursor: pointer; box-sizing: border-box; transition: all 0.3s ease; }
.modal-wrap .modal-box .column-right .wrapform input:focus{ outline: none; }
.modal-wrap .modal-box .column-right .wrapform label{ font-size: 17px; margin: 15px 0; font-family: "Lato"; display: block; color: #000 !important; }
.modal-wrap .modal-box .column-right .wrapform .hs-form-required{ display: none; }
.modal-wrap .modal-box .column-right .wrapform .hs-error-msgs{ color: #F00; padding-left: 0; }
.modal-wrap .modal-box .column-right .wrapform .hs-error-msgs label{ font-size: 11px !important; position: absolute; bottom: -40px; text-align: right; width: 100%; }
.modal-wrap .modal-box .column-right .wrapform .field{ position: relative; }
.modal-wrap .modal-box .column-right .submitted-message{ text-align: center; font-size: 18px; font-weight: bold; }
.modal-wrap .modal-box .column-right .actions{ padding: 0 !important; margin: 0 !important; }

/*****************************************/
/* END GENERAL STYLES CSS    */
/*****************************************/


	/*****************************************/
	/* RESPONSIVE CSS    */
	/*****************************************/


		/*BXSLIDER SETTINGS*/
		.bx-controls-direction{ display: none !important; }
		.bx-wrapper{ background: none !important; border: none !important;
		-moz-box-shadow: none !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important; }
		.bx-wrapper .bx-pager.bx-default-pager a{ background: #e3e3e3 !important; width: 6px !important; height: 6px !important; margin: 0 3px !important; }
		.bx-wrapper .bx-pager.bx-default-pager a:hover, 
		.bx-wrapper .bx-pager.bx-default-pager a.active, 
		.bx-wrapper .bx-pager.bx-default-pager a:focus{ background: #aaa7a7 !important; }
		.bx-wrapper img{ margin: 0 auto !important; }



	@media screen and (max-width: 1340px){

		.content,
		.site-header .content,
		.trusted-by .content,
		.epos-owners .content,
		.save-time .content,
		.faq .content,
		.hidden-menu .content{ width: 96%; }
		.brands-stars .content{ width: 1160px; }

		.bundle-confetti .content{ width: 1090px; }
		.bundle-confetti .bundle{ top: 0; left: auto; right: -20px; width: 500px; }
		.bundle-confetti .bundle figure img{ width: 100%; }

		.trusted-by .content{ width: 96%; }
		.trusted-by .restaurants li{ width: 25%; margin: 0; }
		.trusted-by .restaurants li .restaurant-content{ margin: 0 10px; }
		.trusted-by .restaurants li figure img{ width: 100%; }

		.one-pos .content{ width: 1200px; }
		.one-pos figure img{ width: auto; margin: 0 auto; }

		.get-started .content{ width: 96%; }
		.get-started .steps li{ width: 33%; margin: 0; padding: 0; background: none; height: auto; }
		.get-started .steps li:after{ content: ""; display: block; clear: both; }
		.get-started .steps li .step-content{ background: #FFF; margin: 0 10px; height: 400px; }

		.save-time .content{ width: 940px }
		.save-time .features-list li{ margin-right: 20px; min-height: 200px; }

		.customers-say .content{ width: 960px; }
		.customers-say .video-list li{ width: 300px; }
		.customers-say .video-list li .video-box{ height: 195px; }
		.customers-say .video-list li .video-box .quote{ font-size: 12px; }
		.customers-say .video-list li .customer-info .customer-logo.third{ width: 100px; }

		.site-footer .content{ width: 96%; }
		.site-footer .footer-nav{ width: 100%; margin: 0 auto; }
		.site-footer .content .footer-nav .column{ width: 16.6%; margin-right: 0; }

		.top-menu-wrap nav{ margin-right: 20px; }

		

	}

	@media screen and (max-width: 1300px){

		.site-header .call-us{ margin-left: 10px; }
		.site-header nav ul li{ padding: 0 16px; }

		.one-pos .content{ width: 96%; }
		.one-pos figure img{ width: auto; max-width: 90%; margin: 0 auto; }

		.faq-questions-container{ width: 90%; }

		.global-header .content{ width: 90%; }

		.features-nav .content{ width: 100%; }
		.features-nav .content ul{ width: 900px; margin: 0 auto; }
		.features-nav .content ul li a{ width: 81px; font-size: 9px; }
		.features-nav .content ul li a span{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; padding: 0 5px; }
		

	}


	@media screen and (max-width: 1200px){

		.hidden-menu.hide{ top: -80px; }	
		.hidden-menu{ display: none; }

		.site-header{ padding-top: 10px; }
		.site-header .content{ width: 100%; }
		.site-header .call-us{ position: absolute; left: 20px; }
		.site-header .logo{ right: 60px; position: absolute; }
		.site-header .logo a{ width: 160px; height: 22px; }

		.dark-header .site-header{ height: 85px; }
		.site-header .call-us{ margin-top: 20px; }

		.top-menu-wrap{ display: none; }

		/*MOBILE MENU*/
		.site-header .widget-type-menu{ display: none; margin-top: 0; margin-left: 0; overflow-y: auto; padding-bottom: 20px; }

		.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper{ visibility: visible !important; opacity: 1 !important; display: block !important; position: relative !important; width: 100%; background: #f5f5f5 !important; }
		.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{ max-width: 100%; width: 100%; }
		.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper a{ color: #878787; }
		.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.show{ overflow-y: visible; height: auto; margin-bottom: 15px; }
		.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children{ display: inline-block; width: auto; position: relative; }
		.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:before{ display: none; }
		.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children > a:before{ content: '\e80e'; font-family: "qsr"; display: block; font-size: 16px; color: #000; float: right; position: absolute; top: 6px; right: -15px; transition: all 0.2s ease; }
		.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children > a:hover:before{ transform: rotate(0deg); }		
		
		.mobile-menu{ position: fixed; top: 0; width: 300px; height: 100%; background: #f5f5f5; z-index: 9999; left: -310px; transition: all 0.3s ease; overflow-y: auto; padding-top: 115px; display: block; }
		.mobile-menu.show{ left: 0; }
		.mobile-menu .widget-type-menu{ display: block !important; }
		.mobile-menu .mobile-menu-header{ height: 100px; background: none; border: 1px solid #d6dde1; background: #f5f5f5; position: fixed; width: 300px; left: -310px; top: 0; padding: 0 15px; z-index: 9999; transition: all 0.3s ease; }
		.mobile-menu.show .mobile-menu-header{ left: 0; }
		.mobile-menu .mobile-menu-header .call-us{ margin-top: 0; top: 10px; left: 15px; margin-left: 0; }
		.mobile-menu .mobile-menu-header .call-us .label{ display: none; }
		.mobile-menu .mobile-menu-header .call-us .number{ color: #000; font-size: 14px; }
		.mobile-menu .mobile-menu-header .logo{ right: 40px; top: 0; }
		.mobile-menu .mobile-menu-header .logo a,
		.homepage.bvariant .mobile-menu .mobile-menu-header .logo a{ width: 85px; height: 35px; background: url('https://www.noblypos.com/hubfs/2018%20New%20Designs%20-%20General/nobly-pos-logo.svg'); background-size: 100% 100%; }
		.mobile-menu .mobile-menu-header .cta{ display: block; width: 100%; background: #46b548; height: 36px; line-height: 36px; font-size: 14px; text-decoration: none; text-align: center; text-transform: uppercase; color: #FFF; margin: 40px auto 0; }
		.mobile-menu .mobile-menu-header .close-button-menu{ background: url("https://cdn2.hubspot.net/hubfs/2409821/2018%20New%20Designs%20-%20General/close-button.svg"); display: block; width: 10px; height: 10px; background-size: 100% 100%; position: absolute; right: 10px; top: 13px; }

		.mobile-menu .widget-type-menu ul{ margin-top: 0 !important; }

		.mobile-menu .widget-type-menu ul li{ width: 100%; padding: 0 20px; }
		.mobile-menu .widget-type-menu ul li a{ display: inline-block !important; width: auto !important; position: relative; overflow: visible !important; border-color: #FFF; color: #000; display: block; padding: 14px 20px; width: 100%; background: none; max-width: 100%; }
		.mobile-menu .widget-type-menu ul li a:hover{ border-color: transparent; }
		.mobile-menu .widget-type-menu ul li a.green-button{ color: #FFF; width: 140px; text-align: center; position: absolute; bottom: 20px; }
		
		.mobile-menu .widget-type-menu ul ul{ padding: 0; overflow: hidden; height: 0; }
		.mobile-menu .widget-type-menu ul ul li{ padding: 0; }

		.mobile-menu-wrapper .top-menu-wrap{ display: block; position: relative; }
    .mobile-menu-wrapper .top-menu-wrap .content{height: auto;}
		.mobile-menu-wrapper .top-menu-wrap nav{ float: left; width: 100%; }
    .mobile-menu-wrapper .top-menu-wrap nav ul{display:block;}
		.mobile-menu-wrapper .top-menu-wrap nav ul li.login-button{ display: none; }
		.mobile-menu-wrapper .top-menu-wrap nav ul li{ float: none; width: 100%; margin-left: 0px; padding:0 20px;}
		.mobile-menu-wrapper .top-menu-wrap nav ul li a{ color: #000; padding: 10px 0; font-weight: bold; }
		.mobile-menu-wrapper .widget-type-menu{ margin-top: 0 !important; }

		.mobile-menu .mobile-menu-header a#cta_button_2409821_e0a02bc4-bab0-42b1-802d-1f335616c81d{ left: 0; margin-left: 0; margin-top: 26px !important; width: 230px !important; }

		.hero .hero-text:before{ display: none; }

		.brands-stars .content{ width: 420px; }
		.brands-stars ul li{ height: 120px; padding-right: 0; }
		.brands-stars ul li + li{ float: right; }
		.brands-stars ul li + li + li{ float: left; width: 100%; text-align: center; }
		.brands-stars ul li + li + li + li{ width: auto; }
		.brands-stars ul li + li + li + li + li{ float: right; }
		.brands-stars ul li.trustpilot-logo img{ left: 0; }
		.brands-stars ul li.getapp-logo img{ left: 0; }

		.bundle-confetti .food-list{ display: none; }
		.bundle-confetti .text{ width: 510px; margin: 0 auto; float: none; margin-top: 400px; }	
		.bundle-confetti .content{ width: 96%; }
		.bundle-confetti .bundle{ top: -520px; left: 50%; margin-left: -250px; right: auto; width: 500px; }
		.bundle-confetti .bundle figure img{ width: 100%; }
		.bundle-confetti .title{ font-size: 40px; }

		.trusted-by .content{ width: 96%; }
		.trusted-by .info-wrap .quote{ font-size: 13px; }
		
		.choose-plan .content{ width: 90%; }
		.choose-plan .prices-container .price.green:before,
		.choose-plan .prices-container .price.blue:before{ display: none; }

		.site-footer .bottom .social{ margin-left: 0; left: auto; right: 280px; }
		.site-footer .bottom .nobly-pos-logo{ margin-top: 7px; }
		.site-footer .footer-nav{ max-width: 900px; }
		.site-footer .content .footer-nav .column{ width: 25%; }

		.mobile-nav-launcher{ display: block; top: 22px; right: 20px; background: transparent; }
		.mobile-nav-launcher.close{ width: 100%; height: 100%; position: fixed; background: rgba(0,0,0,0.5); top: 0; left: 0; z-index: 9999; opacity: 1; transition: opacity 0.3s ease; z-index: 999; }
		.mobile-nav-launcher.close .white-line{ display: none; }

		.animated {
		  -webkit-animation: none !important;
		  animation: none !important;
		}

		.book-a-free-demo .widget-type-form{ width: 90%; margin: 0 auto; }
		.book-a-free-demo .widget-type-form:before,
		.book-a-free-demo .widget-type-form:after{ display: none; }
		.book-a-free-demo .widget-type-form .smart-field{ width: 32% !important; margin-right: 2% !important; }
		.book-a-free-demo .title,
		.book-a-free-demo .content{ width: 100%; }
    .book-a-free-demo .form-wrapper .form-group {
    width: 32%;
    margin-right: 2%;
    }

		.features-nav{ top: 85px; }

		.site-footer .accredit-logo{ top: 25px; }
		
	}

	@media screen and (max-width: 1024px){

		.save-time .content{ width: 660px }
		.save-time .features-list li{ margin-right: 20px; }
		.save-time .features-list li:nth-child(3n){ margin-right: 20px; }
		.save-time .features-list li:nth-child(2n){ float: right; }

		.customers-say .content{ width: 400px; }
		.customers-say .video-list li .customer-info .customer-logo.third{ width: 150px; }
		.customers-say .video-list li{ width: 400px; margin-right: 0; margin-bottom: 40px; }
		.customers-say .video-list li .video-box{ height: 255px; }

		.choose-plan .content{ width: 688px; }
		.choose-plan .prices-container{ width: 664px; margin-left: -8px; }
		.choose-plan .prices-container .price .box{ width: 280px; height: 280px; }
		.choose-plan .prices-container .price{ width: 280px; height: 280px; }
		.choose-plan .prices-container .price .value{ font-size: 56px; margin: 10px 0; }
		.choose-plan .prices-container .price .save{ font-size: 20px; }
		.choose-plan .prices-container .price .subscription{ font-size: 16px; }
		.choose-plan .prices-container .price .time{ font-size: 34px; }

		.epos-owners .content .big-picture{ display: none; }
		.epos-owners .content .green-block{ width: 100%; position: relative; height: auto; padding: 30px 40px; }
		.epos-owners .content{ height: auto; }
		.epos-owners .content .green-block{ top: 0; }
		.epos-owners{ padding: 30px 0; }

		.site-footer .footer-nav{ width: 90%; margin: 0 auto; }

		.hero{ height: 600px; min-height: 600px; }
		.hero .content{ height: 600px; min-height: 600px; }

		.site-footer .footer-nav{ max-width: 96%; }
		.site-footer .content .footer-nav .column{ width: 33%; }

		.features-nav .content{ width: 100%; }
		.features-nav .content ul{ width: 720px; margin: 0 auto; }
		.features-nav .content ul li a{ width: 65px; font-size: 9px; }
		

	}


	@media screen and (max-width: 900px){
		

		.trusted-by .content{ width: 100%; }
		.trusted-by .restaurants{ width: 560px; margin: 0 auto; }
		.trusted-by .restaurants li{ width: 250px; height: 520px; margin-right: 60px; }
		.trusted-by .restaurants li:nth-child(2n){ margin-right: 0; }

		.one-pos .content{ width: 96%; }

		.get-started .content{ width: 100%; }
		.get-started .steps{ width: 300px; margin: 0 auto; }
		.get-started .steps li{ width: 300px; margin-right: 0; margin-bottom: 20px; margin-top: 40px; }
		.get-started .steps li figure{ padding: 50px 0 10px; min-height: 120px; }

		.bundle-confetti .title,
		.trusted-by .title,
		.one-pos .title,
		.get-started .title,
		.epos-owners .content .green-block .title,
		.save-time .title,
		.customers-say .title,
		.choose-plan .title,
		.faq .title,
		.global-header .title,
		.bundle-confetti .title p,
		.book-free-demo .title,
		.book-a-free-demo .title{ font-size: 36px; }
		
		.trusted-by .title{ width: 90%; }

		.choose-plan .title{ line-height: 1.1; }
		.choose-plan .content{ width: 80%; line-height: 1.4; }
		.choose-plan .sub-title{ font-size: 24px; line-height: 1.4; }
		.choose-plan .prices-container{ width: 300px; margin: 60px auto 0; }
		.choose-plan .prices-container .price{ margin-right: 0; margin-bottom: 50px; }
		.choose-plan .green-button{ margin-top: 40px; }
		.choose-plan .prices-container .price .description{ margin-bottom: 0; }
		.choose-plan .prices-container .price .value{ margin: 0; }
		
		.customers-say{ padding-bottom: 40px; }

		.faq .questions-container .question.active p{ font-size: 14px; line-height: 1.3; }
		.faq .questions-container .question a{ font-size: 16px; }

		.site-footer .bottom{ padding: 30px 10px 80px; }
		.site-footer .bottom .social{ margin-left: -95px; left: 50%; right: auto; top: 110px; }
		.site-footer .content .footer-nav .column{ min-height: 200px; }

		/*SLIDER SETTINGS*/
		.one-pos .bx-wrapper,
		.get-started .bx-wrapper,
		.save-time .bx-wrapper{ width: 300px !important; margin: 0 auto 20px; }
		.get-started .title{ margin-bottom: 30px; }
		.one-pos .title{ width: 90%; }
		.get-started li{ margin-top: 40px; }
		.one-pos .features-list li{ height: 480px; }
		.one-pos .features-list li .feature-content{ margin: 0; }
		.one-pos .bx-wrapper .bx-pager{ bottom: 30px; }
		.one-pos li figure img{ width: auto; margin-bottom: 15px; }
		.one-pos .all-features-btn{ margin: 0 auto 30px; width: 300px; background: #46b548; color: #FFF; }
		.save-time{ padding: 50px 0 50px; }
		.save-time .title{ margin-bottom: 40px; }
		.customers-say .video-list li{ padding-bottom: 20px; }


		.hero{ height: 500px; min-height: 500px; }
		.hero .content{ height: 500px; min-height: 500px; }

		.odu-page{ padding-top: 130px !important; }
		.features-nav{ height: 50px; }
		.features-nav .content{ width: 100%; }
		.features-nav .content ul{ width: 540px; margin: 0 auto; }
		.features-nav .content ul li a{ width: 49px; font-size: 9px; height: 47px; }
		.features-nav .content ul li a span{ display: none; }
		.features-nav .content ul li:before{ margin-top: -10px; }
		.features-nav .content ul li:hover:before{ margin-top: -10px; }



	}


	@media screen and (max-width: 768px){

		.brands-stars .content{ width: 300px; }

		.dark-header .site-header{ height: 55px; }

		.save-time .content{ width: 100%; }
		.save-time .title{ width: 80%; }
		.save-time .features-list li{ float: none; margin-right: 0; }
		.save-time .features-list li:nth-child(2n){ float: none; }
		.save-time .features-list{ width: 300px; margin: 0 auto; }
		
		.trusted-by .content{ width: 80%; }
		
		.bundle-confetti .text{ width: 80%; }
		
		.get-started .title{ width: 80%; }

		.hero{ height: 400px; }
		.hero .hero-text{ width: 90%; left: 5%; margin-left: 0; top: 140px; }
		.hero .hero-text h1,
		.hero .hero-text #rotate{ font-size: 32px; }
		.hero .hero-text #rotate{ height: 38px; }
		.hero .hero-text h2{ display: none; }

		.site-header .logo{ top: 10px; }
		.site-header .logo a{ width: 100px; height: 14px; }
		.site-header .call-us{ left: 5px; }
		.site-header .call-us .number{ font-size: 16px; top: 0; }
		.site-header .call-us .label{ font-size: 10px; }
		.site-header .content{ width: 100%; padding-right: 20px; }
		.site-header .call-us .label:before{ top: 2px; margin-right: 9px; }
		
		.mobile-nav-launcher{ top: 8px; right: 20px; }

		.hidden-menu{ height: 55px; }
		.hidden-menu .logo{ top: 18px; }
		.hidden-menu .logo a{ width: 100px; height: 18px; }
		.hidden-menu .right-bar .call-us{ margin-top: 18px; }
		.hidden-menu .right-bar .call-us .number{ font-size: 16px; top: 0; }
		.hidden-menu .right-bar .call-us .label{ font-size: 10px; }
		.hidden-menu .right-bar .call-us .label:before{ top: 2px; margin-right: 9px; }
		.hidden-menu .right-bar .call-us .label:before{ top: 2px; margin-right: 9px; }
		.hidden-menu .right-bar a.green-button{ padding: 5px 10px; font-size: 11px; top: 22px; }
		
		.customers-say{ padding-top: 40px; }
		
		.choose-plan{ padding-bottom: 20px; }
		.choose-plan .prices-container .price .time{ font-size: 36px; }
		
		.faq{ padding-top: 50px; }
		
		.hidden-menu .mobile-nav-launcher{ top: 18px; left: 0; }


		/*SLIDER SETTINGS*/
		.trusted-by .bx-wrapper{ width: 300px !important; margin: 0 auto 40px; }
		.hero .hero-text:before{ width: 500px; height: 155px; top: -60px; margin-left: -250px; }
		.customers-say .video-list li .customer-info .customer-logo.third{ width: 150px; }
		.site-header .call-us{ margin-top: 7px; }
		.header-container .row-fluid [class*="span"]{ width: 100%; }
		.site-header .widget-type-menu{ width: 200px !important; }

		.hero{ height: 350px; min-height: 350px; }
		.hero .content{ height: 350px; min-height: 350px; }

		.book-free-demo .content{ width: 90%; margin: 0 auto; }
		.book-free-demo .content .forms .input-row{ width: 100%; margin-right: 0; margin-bottom: 15px; }
		.book-a-free-demo .widget-type-form{ width: 90%; margin: 0 auto; }
		.book-a-free-demo .widget-type-form:before,
		.book-a-free-demo .widget-type-form:after{ display: none; }
		.book-a-free-demo .widget-type-form .smart-field{ width: 100% !important; margin-right: 0 !important; margin-bottom: 15px; }
    .book-a-free-demo .form-wrapper .form-group {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
    float: left;
}

		.site-footer .footer-nav{ max-width: 96%; }
		.site-footer .content .footer-nav .column{ width: 50%; }

		.features-nav{ top: 55px; }

		.site-footer .bottom .legal{ max-width: 300px; }
		.site-footer .accredit-logo{ right: 10px; top: 75px; }
		

	}


	@media screen and (max-width: 600px){

		.customers-say .video-list{ width: 300px; margin: 0 auto; }
		.customers-say .video-list li{ width: 300px;}
		.customers-say .video-list li .video-box{ height: 195px; }
		.customers-say .video-list li .video-box .quote{ padding: 10px; font-size: 13px; }
		.customers-say .content{ width: 100%; }
		.customers-say .title{ width: 80%; }
		.customers-say .video-list li .customer-info .customer-logo.third{ width: 100px; }

		.trusted-by .restaurants{ width: 250px; }
		.trusted-by .restaurants li{ margin-right: 0; }

		.bundle-confetti .title,
		.trusted-by .title,
		.one-pos .title,
		.get-started .title,
		.epos-owners .content .green-block .title,
		.save-time .title,
		.customers-say .title,
		.choose-plan .title,
		.faq .title{ font-size: 28px; }

		.bundle-confetti .bundle{ width: 300px; margin-left: -138px; top: -340px; }
		.bundle-confetti .text{ width: 80%; margin-top: 200px; }

		.hero{ height: 300px; }
		.hero .hero-text{ top: 130px; font-size: 26px; }
		.hero .hero-text .green-button{ padding: 5px 10px; font-size: 12px; }

		.brands-stars ul li{ width: 100px; }
		.brands-stars ul li img{ width: 100%; height: auto; }
		.brands-stars ul li + li + li + li{ width: 100px; }
		.brands-stars ul li + li + li + li + li{ width: 140px; }
		.brands-stars ul li img.middle-logo{ width: 250px; }
		.brands-stars ul li{ height: 90px; }
		.brands-stars .content{ width: 280px; }
		.brands-stars ul li.softwareadvice-logo img{ top: 22px; }

		.hidden-menu .right-bar .call-us .label{ display: none; }

		.site-footer .bottom .social{ margin-left: -0; left: 0%; }
		.site-footer .content .footer-nav .column{ min-height: 200px; width: 50%; }

		.choose-plan .sub-title{ font-size: 19px; margin-bottom: 20px; }
		.choose-plan .small-title{ font-size: 14px; }

		.hero .hero-text h1,
		.hero .hero-text #rotate{ font-size: 24px; }
		.hero .hero-text #rotate{ height: 28px; }

		.site-footer .content .footer-nav .column{ min-height: 200px; padding-right: 10px; }

		.features-nav .content ul{ width: 315px; }
		.features-nav .content ul li a{ width: 28px; }

		.features-nav .content ul li.payments:before{ width: 18px; height: 17px; margin-left: -9px; }
		.features-nav .content ul li.ingredients:before{ width: 20px; height: 17px; margin-left: -10px; }
		.features-nav .content ul li.integrations:before{ width: 18px; height: 18px; margin-left: -9px; }
		.features-nav .content ul li.reporting:before{ width: 20px; height: 18px; margin-left: -10px; }
		.features-nav .content ul li.inventory:before{ width: 15px; height: 19px; margin-left: -7px; }
		.features-nav .content ul li.loyalty:before{ width: 20px; height: 17px; margin-left: -10px; }
		.features-nav .content ul li.offline-mode:before{ width: 28px; height: 14px; margin-left: -14px; }
		.features-nav .content ul li.odu:before{ width: 25px; height: 18px; margin-left: -12px; }
		.features-nav .content ul li.table-service:before{ width: 25px; height: 18px; margin-left: -12px; }

		.site-footer .bottom .nobly-pos-logo{ display: none; }
    
    .free-dpopup .cnt, .free-demo-popup .cnt{max-width:94%; transform:translate(-50%,-50%); margin:0}

	}

	@media screen and (max-width: 480px){

		.hidden-menu .right-bar .call-us .number{ display: none; }
		.site-header .call-us .label{ display: none; }
		.hero .hero-text p{ margin: 0; }
		.hero .hero-text .green-button{ margin-top: 30px; }

		.book-free-demo .green-button.free-demo{ width: 100%; }

		.book-a-free-demo .widget-type-form input[type="submit"]{ width: 100%; padding: 0 15px; }

		.site-footer .footer-nav{ max-width: 96%; }
		.site-footer .content .footer-nav .column{ min-height: 230px; padding-right: 10px; }

		.single-picture-module.trophy-cabinet .content figure img{ min-width: 290px; }

		.site-footer .accredit-logo{ width: 100px; height: 39px; }    

	}


	@media screen and (max-width: 430px){

		.site-footer .accredit-logo,
		.site-footer .bottom .nobly-pos-logo{ display: none; }
    .free-dpopup .cnt .g-recaptcha, .free-demo-popup .cnt .g-recaptcha{
      position: relative;
      left: 50%;
      -o-transform: scale(0.8) translateX(-50%);
      -ms-transform: scale(0.8) translateX(-50%);
      -moz-transform: scale(0.8) translateX(-50%);
      -webkit-transform: scale(0.8) translateX(-50%);
      transform: scale(0.8) translateX(-50%);
      -o-transform-origin: left center;
      -ms-transform-origin: left center;
      -moz-transform-origin: left center;
      -webkit-transform-origin: left center;
      transform-origin: left center;
      
    }

	}



	/*****************************************/
	/* END RESPONSIVE CSS    */
	/****************************************