/*
Theme Name:		Smooth Commerce
Theme URI:		
Author:			Ellsworth Media
Author URI:		http://www.ellsworthmedia.com/
Version:		1.0
*/

@font-face {
  font-family: 'flexslider-icon';
  src: url('fonts/flexslider-icon.eot');
  src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*-----------------------------------------------------------------------------------*/
/* Body, Typography and some main Elements
/*-----------------------------------------------------------------------------------*/

html * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; font-smoothing: antialiased; }
body { font-size:18px; color:#000; font-family: 'Outfit', sans-serif; overflow-x:hidden; letter-spacing:0; font-weight:400; }
input, textarea { border-radius:0; }
input, textarea, select, label { font-family: 'Outfit', sans-serif;, sans-serif; outline:0; }
input:focus, input:hover { outline:0; }
::-webkit-input-placeholder { color:#999; opacity:1; }
:-moz-placeholder { color:#999; opacity:1; }
::-moz-placeholder { color:#999; opacity:1; }
:-ms-input-placeholder { color:#999; opacity:1; }

h1, h2, h3, h4, h5, h6 { padding:0; margin:0 0 15px 0; line-height:1.2; font-weight:400; letter-spacing:0; color:#002760; }
h1 { font-size:40px; }
h2 { font-size:40px; }
h3 { font-size:24px; }
h4 { font-size:18px; }
h5 { font-size:18px; }
h6 { font-size:18px; }
img { display:block; max-width:100%; height:auto; }
ul,ol { margin:0; padding:0; list-style:none; }
a, a:visited, a:active, input[type=submit] { text-decoration:none; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -o-transition:all .3s ease-out; -ms-transition:all .3s ease-out; transition:all .3s ease-out; }
a:focus, a:hover { text-decoration:none; outline:0; }
:focus, :hover { text-decoration:none; outline:0; }
p { margin:0 0 25px 0; line-height:1.5; }
.animate { transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; }
.no-animate { transition:none; -webkit-transition:none; -moz-transition:none; -ms-transition:none; }
strong { font-weight:600; }

.button { 
    display:inline-block; padding:12px 45px; 
    font-weight: 600; text-align:center; font-size:20px; color:#FFF; 
    background:#1D76FA; border: none; border-radius:30px; box-shadow:0 0 10px #CACACA;
}
    .button:hover { background:#0056D7; color:#FFF; box-shadow:0 0 10px #9A9999; }

.button-text {color: #2E82FF; font-weight: 600;}
    .button-text:hover { color:#0056D7; }

/*-----------------------------------------------------------------------------------*/
/* Structure
/*-----------------------------------------------------------------------------------*/

.container { margin:0 auto; width:1150px; padding-left:0; padding-right:0; max-width:none; }
.view-mobile { display:none; }


/*-----------------------------------------------------------------------------------*/
/* Header styling
/*-----------------------------------------------------------------------------------*/

#header { 
    padding: 50px 0;
    width:100%; z-index:100; 
    position: absolute;
    top: 0; 
}

    #header.sticky { 
        background: #fff;
        position: fixed;
        padding: 20px 0;
        box-shadow: 0 0 10px #D1D1D1;
    }

    #header .logo { float:left; }
        #header #blue-logo {display: none;}
        #header.sticky #blue-logo {display: block;}
        #header.sticky #white-logo {display: none;}

    #header nav { float:right; margin:13px 0 0 0; }
    #header nav > ul > li { float:left; margin:0 0 0 50px; padding: 0 0 20px 0; position:relative; }
    
    #header nav > ul > li > a { color: #2E82FF; font-weight: 600; }
        .home #header nav > ul > li > a { color: #FFF; }
        .home #header.sticky nav > ul > li > a { color: #2E82FF; }
   
    #header nav > ul > li > a:hover { color:#002760; }
    #header nav > ul > li.menu-item-has-children > a:hover { color: #002760; }
        .home #header nav > ul > li.menu-item-has-children > a:hover { color: #fff; }
        .home #header.sticky nav > ul > li.menu-item-has-children > a { color: #2E82FF; }
        .home #header.sticky nav > ul > li > a:hover { color: #002760; }

    #header nav > ul > li:last-child { margin-right:0; }
    
    #header nav > ul > li > ul { 
        border-radius: 5px;
        box-shadow: 0 0 10px #D1D1D1;
        position:absolute; display:none; background:#FFF; text-align:center;
        width: 180px; 
        /*left:50%; margin-left:-100px; top:35px;padding: 20px; */ 
        left: 0; margin: 10px 0 0 -15px; top: 30px; padding: 15px 15px; 
    }
        #header nav > ul > li > ul > li { margin:0 0 8px 0; text-align: left; }
        #header nav > ul > li > ul > li:last-child { margin:0; }
        #header nav > ul > li > ul > li > a { color:#1D76FA; font-size:14px; }
        #header nav > ul > li > ul > li:hover > a { color:#0062f2; }

    #header nav > ul#menu-main-menu > .menu-item-has-children > a::after {
        font-family: "Font Awesome 5 Free";
        content: "\f078";
        display: inline-block;
        vertical-align: middle;
        font-weight: 600;
        padding-left: 5px;
    }

    #header nav ul ul li {
        padding-left: 5px;
        background-position: left top;
        background-size: 24px auto;
        background-repeat: no-repeat;
        height: 24px;
        overflow: hidden;
        font-weight: 500;
    }

    /*#header nav ul ul .icon-desktop {background-image: url(images/icon-menu-web-ordering.png);}

    #header nav ul ul .icon-mobile {background-image: url(images/icon-menu-mobile.png);}

    #header nav ul ul .icon-tablet {background-image: url(images/icon-menu-order-tablet.png);}

    #header nav ul ul .icon-portal {background-image: url(images/icon-menu-portal.png);}

    #header nav ul ul .icon-aboutus {background-image: url("images/icon-aboutus-default copy@2x.png"); background-position: 0 6px;}

    #header nav ul ul .icon-careers {background-image: url(images/icon-careers-default@2x.png); background-position: 0 3px;}*/

        #header nav ul ul li:hover {color: #0062f2; background-position: 0 -24px;}
        #header nav ul ul li:hover a {color: #002760 !important;}

    /*#header nav ul ul .icon-aboutus:hover {background-image: url("images/icon-aboutus-hover@2x.png"); background-position: 0 6px;}

    #header nav ul ul .icon-careers:hover {background-image: url("images/icon-careers-hover copy@2x.png"); background-position: 0 3px;}*/
        


/*-----------------------------------------------------------------------------------*/
/* Footer styling
/*-----------------------------------------------------------------------------------*/

#footer-contact-section { padding:160px 0 50px 0; text-align:center; background:url(images/footer-contact-bg.png) no-repeat center top / cover; }
    #footer-contact-section h2 { font-size:35px; margin:0 0 40px 0; font-weight: 600; }
    #footer-contact-section .button { background:#E67300; color:#FFF; box-shadow:0 0 10px #C0C6CC; }
    #footer-contact-section .button:hover { background:#ea8c2e; color:#FFF; box-shadow:0 0 10px #9A9999; }

#footer { background:#002760; padding:100px 0; color:#FFF; }
    #footer .footer-left { float:left; }
    #footer .footer-left .logo { display:inline-block; margin:0 0 20px 0; }
    #footer .footer-left p { margin:0; font-size:20px; }
    #footer .footer-right { float:right; }
    #footer .footer-right p { margin:0 0 30px 0; font-size:16px; }
    #footer .footer-right .social-links li { float:left; margin:0 7px 0 0; text-align:center; }
    #footer .footer-right .social-links li a { display:block; width:30px; height:30px; border-radius:50%; background:#FFF; }
    #footer .footer-right .social-links li a:hover { background:#9FC6FF; }
    #footer .footer-right .social-links li i { color:#002760; line-height:30px; display:block; }
    #footer .footer-right .social-links li a:hover i { color:#FFF; }



/*-----------------------------------------------------------------------------------*/
/* General Page styling
/*-----------------------------------------------------------------------------------*/

.column-section img { margin:0 auto; }
    .column-section h2 { margin:0 0 30px 0; position:relative; padding:0 0 30px 0; font-weight: 600; }
    .column-section h2:after { width:60px; height:5px; background:#E67300; display:block; content:""; position:absolute; bottom: 0; left:0; }
        
    .column-section .text-column { width:48%; }
    .column-section .right-align { text-align:right; }
        .column-section h2:after { right:0; left:auto; }
    
    .column-section .left-column.text-column { float:left; }
    .column-section .right-column.text-column { float:right; }
    
   
 #ordering-delivery-section .right-column.text-column p { float: right; max-width: 460px; }
    
    .column-section .image-column { width: 48%; position:absolute; }
        .column-section .left-column.image-column { left:0; }
        .column-section .right-column.image-column { right:0; }

#page-hero { 
    height: 75vh; width: 98%; max-width: 1500px;
    /*background-position: right -50px; background-size: 850px auto; background-repeat: no-repeat;*/
    margin: 25vh auto 0 auto; padding: 0;
}
    
    #page-hero .right-column { float: right; width: 50%; right:0; top:240px; }
        #page-hero h1 { font-size:50px; font-weight:700; position: relative; }
        #page-hero h1:after { width:60px; height:5px; background:#E67300; display:block; content:""; position:absolute; bottom: -30px; left:0; }
        #page-hero p { font-size:21px; margin: 60px 0 40px 0; color: #002760; font-weight: 500; }

    #page-hero .left-column { float: left; width: 50%; }
        #page-hero .right-column img {width: 100%; height: auto;}
    


/*-----------------------------------------------------------------------------------*/
/* Home Page styling
/*-----------------------------------------------------------------------------------*/


.text-column ul {
padding-bottom: 20px;
	
}

 .column-section ul li {
    background: url(images/bullet-icon.png) left 4px no-repeat; background-size: 20px 20px;
    padding: 0 0 0 40px; margin: 15px 0;
    color: #313131;
	line-height: 1.5em;
    font-size:  18px;
	 
}


#ordering-solution-section { padding:320px 0 350px 0; background:url(images/ordering-solution-bg.png) no-repeat left bottom / cover; color:#FFF; position:relative; }
    
    /* left */
    #ordering-solution-section h1 { font-size:50px; font-weight:700; color:#FFF; position:relative;}
        #ordering-solution-section h1:after { width:60px; height:5px; background:#E67300; display:block; content:""; position:absolute; bottom: -20px; left:0; }
    #ordering-solution-section p { font-size:24px; margin: 40px 0 40px 0; }
    #ordering-solution-section .button { background:#FFF; color:#2E82FF; box-shadow:0 0 10px #0062F2; }
        #ordering-solution-section .button:hover { background: #E67300; color: #fff; box-shadow:0 0 10px #004FC5; }

    /* right */
    #ordering-solution-section .right-column { width: auto; right: inherit; left: 52%; top:240px; }
        #ordering-solution-section .right-column img {height: auto; max-width: 620px;}

#ordering-delivery-section { padding:100px 0; }
    #ordering-delivery-section .right-column { margin-top:120px; }
    #ordering-delivery-section h2:after { right:0 !important; left: inherit !important;}
   
#clients-slider-section { padding:100px 0 70px 0; margin: auto; text-align:center; max-width: 1200px;  }
    #clients-slider-section h2 { font-size:35px; margin:0 auto 80px auto; text-align: center; font-weight: 600; }
    #clients-slider-section .slider {position: relative;} 
    #clients-slider-section .slides > li {width: 20%; padding: 0; margin: 0; display:inline-block;}
        #clients-slider-section .slides > li a { /*display:block; width: 100%; height:82px;*/ }
        #clients-slider-section .slides > li .image-container { display:table; width:100%; height: 90px; line-height: 90px; }
        #clients-slider-section .slides > li .image-inner {  vertical-align:middle; height: 90px;}
        #clients-slider-section .slides > li img { 
            margin: auto; width: auto; max-width: 90%; max-height: 90px; vertical-align:middle;
            -webkit-filter:grayscale(100%);
            -o-filter:grayscale(100%);
            -moz-filter:grayscale(100%);
            -ms-filter:grayscale(100%);
            filter:grayscale(100%);
            filter:gray;
            opacity: 0.6;
        }
        #clients-slider-section .slides > li:hover a img {
            -webkit-filter:grayscale(0);
            -o-filter:grayscale(0);
            -moz-filter:grayscale(0);
            -ms-filter:grayscale(0);
            filter:grayscale(0);
            filter:none;
            opacity: 1;
        }
        #clients-slider-section .slides > li .logo-item { display:inline-block; padding:0 15px; width:auto; }

        #clients-slider-section .slides li p.coming-soon { display: block; font-size: 12px; padding-top: 30px; color: #fff; }
        #clients-slider-section .slides li:hover p.coming-soon { display: block; color: #0062F2; }

#clients-slider-section .flex-control-nav { display:none; }

#clients-slider-section .flex-direction-nav {*height: 0;}
    #clients-slider-section .flex-direction-nav a {
        text-decoration: none;
        display: block;
        width: 40px;
        height: 40px;
        margin: -60px 0 0 0;
        position: absolute;
        top: 50%;
        z-index: 1;
        overflow: hidden;
        opacity: 0.1;
        cursor: pointer;
        color: rgba(0, 0, 0, 0.8);
        text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        #clients-slider-section .flex-direction-nav a:hover {opacity: 0.5;}

        #clients-slider-section .flex-direction-nav a:before {
          font-family: "flexslider-icon";
          font-size: 32px;
          display: inline-block;
          content: '\f001';
          color: rgba(0, 0, 0, 0.8);
          text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
        }
        #clients-slider-section .flex-direction-nav a.flex-next:before {content: '\f002';}
        #clients-slider-section .flex-direction-nav .flex-prev {left: -18px;}
        #clients-slider-section .flex-direction-nav .flex-next {right: -8px; text-align: right;}

        #clients-slider-section .flexslider:hover .flex-direction-nav .flex-prev {opacity: 0.7;}
        #clients-slider-section .flexslider:hover .flex-direction-nav .flex-prev:hover {opacity: 1;}
        #clients-slider-section .flexslider:hover .flex-direction-nav .flex-next {opacity: 0.7;}
        #clients-slider-section .flexslider:hover .flex-direction-nav .flex-next:hover {opacity: 1;}
        #clients-slider-section .flex-direction-nav a.flex-next::before {content: '\f002';}

.home .col-rows {margin: 0 auto 150px auto;}
    .home .col-rows .container {padding-top: 100px; padding-bottom: 100px;}
        .home .col-rows h2:after { width:60px; height:5px; background:#E67300; display:block; content:""; position:absolute; bottom:0; left:0; }
        .home .col-rows .text-column { margin-top:120px; }
        .home .col-rows img { max-height: 600px; }


#complete-experience-section { padding:100px 0; }
    #complete-experience-section h2 { text-align:center; margin:0 0 60px 0; font-weight: 600; }
    #complete-experience-section li { width:557px; min-height: 450px; box-shadow:0 0 10px #D1D1D1; border-radius:8px; overflow:hidden; padding:70px 50px 50px 30px; display:flex; }

        #complete-experience-section li:hover { cursor: pointer; box-shadow:0 0 10px #9A9999; }

    #complete-experience-section li:first-child { float:left; }
    #complete-experience-section li:last-child { float:right; }
    
    #complete-experience-section li .image-container { width:46%; margin-right:6%; padding-top: 15px; }
        #complete-experience-section li:last-child .image-container { padding: 60px 0 20px 0; }
        #complete-experience-section li .image-container img { margin:0 auto; }
    
    #complete-experience-section li .content { width:47%; }
        #complete-experience-section li .content h3 { margin:0 0 25px 0; padding:0 0 25px 0; position:relative; font-weight: 600; }
            #complete-experience-section li .content h3:after { width:60px; height:4px; background:#E67300; display:block; content:""; position:absolute; bottom:0; left:0; }

#enhance-operations-section { padding:100px 0 50px 0; text-align:center; position:relative; }
    #enhance-operations-section h2 { margin:0 0 30px 0; padding:0 0 30px 0; position:relative; font-weight: 600; }
    #enhance-operations-section h2:after { width:60px; height:5px; background:#E67300; display:block; content:""; position:absolute; bottom:0; left:50%; margin-left:-30px; }
    #enhance-operations-section .container > p { margin:0 auto 190px auto; max-width:600px; }
    #enhance-operations-section ul { text-align:left; }
        #enhance-operations-section li { width:355px; margin:0 0 130px 0; }
        #enhance-operations-section li:nth-child(odd) { float:left; text-align:right; clear:both; }
        #enhance-operations-section li:nth-child(odd) .title h3 { float:right; margin-right:30px;  }
        #enhance-operations-section li:nth-child(odd) .title img { float:right; }
        #enhance-operations-section li:nth-child(even) { float:right; }
        #enhance-operations-section li:nth-child(even) .title h3 { float:left; }
        #enhance-operations-section li:nth-child(even) .title img { float:left; margin-right:30px; }
        #enhance-operations-section li .title { margin:0 0 20px 0; }
        #enhance-operations-section li .title h3 { margin:25px 0 0 0; font-weight: 600; }
        #enhance-operations-section li .title img { width:75px; }
        #enhance-operations-section li p { margin:0; }

    /* font-awesome */
    #enhance-operations-section li i {
        background: #E6EFFF; border-radius: 50%; text-align: center; height: 75px; width: 75px; color: #2E82FF; font-size: 30px; line-height: 75px;
    } 
    #enhance-operations-section .container > img { position:absolute; top:400px; left: 50%; transform: translateX(-50%); max-width: 480px; }

#discover-section { margin-top: -150px; margin-bottom: -50px; background:url(images/discover-bg.png) no-repeat center center / cover; padding:320px 0 280px 0; }
    
    #discover-section h2 { max-width:400px; padding-top: 100px; }
        #discover-section h2::after {left: 0;}
    #discover-section .button-text {font-size: 18px;}

    #discover-section .right-column {}
        #discover-section .right-column img {width: 100%; max-width: 800px;}

    
/*-----------------------------------------------------------------------------------*/
/* Platform Page styling
/*-----------------------------------------------------------------------------------*/

.page-template-template_platform #page-hero {height: 80vh; margin: 20vh auto 0 auto; width: 100%;}
    .page-template-template_platform #page-hero .left-column { padding-top: 150px; width: 40%;}
    .page-template-template_platform #page-hero .right-column { width: 58%;}
        .page-template-template_platform #page-hero .right-column img { float: right; width: 100%; height: auto; }
   
.page-template-template_platform #main {padding-bottom: 100px;} 
#platform-intro h2 {font-size: 40px; font-weight: 600; margin: 0; padding: 0 0 20px 0;}
    #platform-intro h2:after { margin-top: 40px; width:60px; height:5px; background:#E67300; display:block; content:""; position:absolute; left: calc(50% - 30px); }
#platform-intro p {padding: 60px 0; max-width: 660px; margin: auto;}

#trio img {display: block; margin: 0 auto 25px auto; width: 64px; height: auto;}
#trio h3 {padding: 0 0 20px 0; margin: 0; font-weight: 600;}
#trio p {line-height: 1.8;}

#platform-rows {padding-bottom: 150px;}
#platform-rows .row {padding-top: 120px; padding-bottom: 120px;}

    #platform-rows .row .text-column {padding-top: 100px;}

        #platform-rows .row h4 {color: #2E82FF; font-size: 20px; font-weight: 500; text-transform: uppercase;}
        #platform-rows .row h2 {font-size: 40px; font-weight: 600; margin: 0; padding: 0 0 20px 0;}
        #platform-rows .row h2::after {background: none;}

        #platform-rows .row ul li {
            background: url(images/bullet-icon.png) left 4px no-repeat; background-size: 20px 20px;
            padding: 0 0 0 40px; margin: 15px 0;
            color: #313131;
        }
    
    #platform-rows .image-column img {width: 90%; max-width: 700px;}

/*-----------------------------------------------------------------------------------*/
/* Integrations Page styling
/*-----------------------------------------------------------------------------------*/

.page-template-template_integrations #page-hero .left-column {padding-top: 5vh; width: 48%; }  
    .page-template-template_integrations #page-hero .left-column h1 { max-width: 400px; }  

.page-template-template_integrations #page-hero .right-column {}
    .page-template-template_integrations #page-hero .right-column img {margin-top: -5vh;}
    
#integration-rows {}
    #integration-rows .row {padding-top: 80px; padding-bottom: 80px;}
    #integration-rows .row h2 {font-size: 27px; line-height: 75px; margin: 0; padding: 0; font-weight: 600;}
        #integration-rows .row h2 img {float: left; margin-right: 20px; height: 75px; width: 75px;}
    #integration-rows .row p {padding: 30px 0 10px 0;}

.integration-logos li {float: left; display:table; margin: 0 5% 5% 0; width: 20%; height: 70px; text-align: center; line-height: 70px;}
    .integration-logos li .image-inner { display:table-cell; vertical-align:middle; height: 70px; line-height: 70px;}
    .integration-logos li img {width: auto; max-height: 70px; margin: auto; vertical-align: middle; display: block;}

#industry-partners {padding-top: 200px; padding-bottom: 200px;}
    #industry-partners h2 {font-size: 40px; font-weight: 500; margin: 0; padding: 0 0 20px 0;}
        #industry-partners h2:after { margin-top: 40px; width:60px; height:5px; background:#E67300; display:block; content:""; position:absolute; left: calc(50% - 30px); }
    #industry-partners p {padding: 60px 0; max-width: 600px; margin: auto;}
    #industry-partners ul {max-width: 740px; margin: auto;}
        #industry-partners li {display: inline-block; margin: 20px; width: 180px; height: 70px; text-align: center; line-height: 70px;}
        #industry-partners li .image-inner { display:table-cell; vertical-align:middle; height: 70px; line-height: 70px;}
        #industry-partners li img {width: auto; max-height: 70px; margin: auto; vertical-align: middle; display: block;}

#integration-rows .detail {
    padding-top: 15px;
    padding-bottom: 15px;
}
#integration-rows .detail ul li {
    background: url("images/bullet-icon.png") left 4px no-repeat;
    background-size: 20px 20px;
    padding: 0 0 0 40px;
    margin: 15px 0;
    color: #313131;
}


/*-----------------------------------------------------------------------------------*/
/* Resources Page styling
/*-----------------------------------------------------------------------------------*/

.page-template-template_resources #page-hero, .archive #page-hero {height: 300px;}
    .page-template-template_resources #page-hero .left-column { width: 60%; }  

    .category-filter {padding-top: 30px; text-align: center;}
        .category-filter li {display: inline-block; margin: 5px 2px;}
        .category-filter a {
            background: #1D76FA;
            border-radius: 30px;
            color: #FFF;
            font-size: 12px;
            padding: 5px 12px;
            display: inline-block;
        }
        .category-filter a:hover, .category-filter .current-cat a { background: #0056D7; }

#resources-section { padding-top: 100px; padding-bottom: 150px; }
.page-template-template_resources #resources-section {  }
    #resources-section h2,
    #resources-section .title h2 { margin: 30px 0; font-weight: 600; }
    #resources-section li { float:left; width:360px; margin: 35px 35px 0 0; box-shadow:0 0 10px #D1D1D1; border-radius:8px; overflow:hidden; position: relative; }
    
        #resources-section li:hover{box-shadow:0 0 10px #9A9999;}        

    #resources-section li:nth-child(3n) { margin-right:0; }
    #resources-section li img { width:100%; }
    #resources-section li .image-container { position:relative; height: 220px;}
    #resources-section li .image-container .category { 
        position:absolute; left:30px; bottom:15px; 
    }
        #resources-section li .image-container .category a { background:#1D76FA; border-radius:30px; color:#FFF; font-size:12px; padding:5px 12px; display: block; }
        #resources-section li .image-container .category a:hover { background: #0056D7; }

    #resources-section li .content { padding:20px 30px; min-height: 220px; }
        #resources-section li .content h3 { color:#002760; font-weight: 600; font-size:18px; margin:0 0 25px 0; padding:0 0 25px 0; position:relative; }
            #resources-section li .content h3:after { width:60px; height:4px; background:#E67300; display:block; content:""; position:absolute; bottom:0; left:0; }
            #resources-section li .content h3 a { color:#002760; }
            #resources-section li .content h3 a:hover { color:#5498FF; }
    #resources-section li .author-container {position: absolute; bottom: 30px; display: flex; align-items: center;}
        #resources-section li .author-container img { float:left; width:40px; border-radius: 50%; }
        #resources-section li .author-container .author-content { margin:0 0 0 15px; font-size:12px; color:#767676; }
            .author-container .author-content p { margin:0; }
            .author-container .author-content span { display:inline-block; vertical-align:top; }
            .author-container .author-content .read-time { position:relative; padding:0 0 0 10px; margin:0 0 0 10px; }
            .author-container .author-content .read-time:before { width:5px; height:5px; border-radius:50%; background:#E67300; display:block; content:""; position:absolute; top:6px; left:0; }

#featured-resource-section { padding: 0 0 20px 0; margin: auto 5%; }
    #featured-resource { margin: 35px auto; box-shadow:0 0 10px #CCC; border-radius:8px; overflow:hidden; position: relative; }
    #featured-resource-section img { width:100%; }
    #featured-resource-section .image-container { float: right; width: 50%; position:relative; background-size: cover; }
        #featured-resource-section .image-container img { float: left; height: 100%; width: auto; position:relative; }
    #featured-resource-section .content { float: left; width: 48%; padding:20px 30px; min-height: 220px; }
    
        #featured-resource-section .content .category { display: inline-block; }
            #featured-resource-section .content .category a { background:#1D76FA; border-radius:30px; color:#FFF; font-size:12px; padding:5px 12px; display: block; }
                 #featured-resource-section .content .category a:hover { background: #0056D7; }


        #featured-resource-section .content h2 { font-size:36px; margin: 25px 0 25px 0; padding:0 0 25px 0; position:relative; font-weight: 600; }
            #featured-resource-section .content h2:after { width:60px; height:4px; background:#E67300; display:block; content:""; position:absolute; bottom:0; left:0; }
            #featured-resource-section .content h2 a { color:#002760;  }
            #featured-resource-section .content h2 a:hover { color:#5498FF; }
    #featured-resource-section .author-container {position: absolute; bottom: 30px; display: flex; align-items: center;}
        #featured-resource-section  .author-container img { float:left; width:40px; border-radius: 50%; }
        #featured-resource-section  .author-container .author-content { margin:0 0 0 15px; font-size:12px; color:#767676; }
            
/* load more */
#posts-loop .lmb-container {text-align: center;}
    #posts-loop .btn.loadMoreBtn {margin: 30px auto; color: #2E82FF; text-align: center; display: inline-block;}
        #posts-loop .btn.loadMoreBtn:hover {color:#5498ff;}

/*-----------------------------------------------------------------------------------*/
/* Single
/*-----------------------------------------------------------------------------------*/

.single #blog-header { padding: 200px 0 50px 0;  position:relative;}
        .single #blog-header .category a { 
            color: #fff; background:#1D76FA; border-radius:30px; font-size:12px; padding:5px 12px; margin: 0 3px 20px 0; display: inline-block;
        }
        .single #blog-header .category a:hover { background:#E67300; }

    .single #blog-header h1 { font-size: 42px; font-weight:700; }
    .single #blog-header > p { font-size:21px; margin: 15px 0 40px 0; color: #767676; position: relative; }
    .single #blog-header > p:after { width:60px; height:5px; background:#E67300; display:block; content:""; position:absolute; bottom: -30px; left:0; }
    
    .single #blog-header .author-container {margin: 0; padding: 20px 0 0 0; display: flex; align-items: center; }
        .single #blog-header .author-container img { float:left; width:40px; border-radius: 50%; }
        .single #blog-header .author-container .author-content { margin:0 0 0 15px; font-size:12px; color:#767676; }
         
.single .container .attachment-full {display: block; margin: auto;}

.caption-text {text-align: center; padding: 5px; color: #767676;}

.content {padding: 30px 0;}
.content ul, .content ol {margin: 0 0 25px 0;}
    .content ul li {list-style: disc; margin: 0 0 3px 20px;}
    .content ol li {list-style: decimal; margin: 0 0 3px 20px;}


/*-----------------------------------------------------------------------------------*/
/* Contact Page styling
/*-----------------------------------------------------------------------------------*/

.page-template-template_contact #page-hero {height: 300px;}
    .page-template-template_contact #page-hero .left-column { width: 100%; max-width: 400px; }  

#contact-box { 
    position: relative; box-shadow:0 0 10px #D1D1D1; border-radius:8px; background: #002760; z-index: 90;  margin: 20px auto -140px auto; overflow: hidden;
     max-width: 1150px;
	display:grid;
	grid-template-columns:1fr 1fr;
}

#contact-box:before {
	content:none;
}

@media (max-width: 768px) {
	#contact-box {
		grid-template-columns: 1fr;
		
	}
	#contact-box .right-column {
		grid-row: 1;
	}
}
    
    /* left side */
    #contact-box .left-column { float: left; padding: 0 40px 40px 40px; color: #fff; }  
        #contact-box .left-column h3 { color: #9FC6FF; font-size: 14px; font-weight: 500; text-transform: uppercase; padding: 40px 0 20px 0; margin: 0; }  
        #contact-box .left-column p { margin: 0; }

        #contact-box .social-links li { float:left; margin:0 7px 0 0; text-align:center; }
            #contact-box .social-links li a { display:block; width:30px; height:30px; border-radius: 50%; background:#FFF; }
            #contact-box .social-links li a:hover { background:#9FC6FF;  }
            #contact-box .social-links li i { color:#002760; line-height:30px; display:block; }
            #contact-box .social-links li a:hover i { color:#FFF; }

    /* right side */
    #contact-box .right-column { float: right; padding: 40px; background: #fff; }  

        #contact-box form .field {padding: 0 0 40px 0;} 
            
            #contact-box form label {font-weight: 400;}

            #contact-box form input[type="text"] {padding: 8px 12px; border-radius: 5px; border: solid 1px #CACACA; width: 100%;} 
                form input::-webkit-input-placeholder,
                form input::-ms-input-placeholder,
                form input::-moz-placeholder,
                form input::placeholder { color: #cccccc; }

        #contact-box form input[type="text"]:focus {border: solid 1px #9FC6FF;} 

        #contact-box form .button-holder {padding: 0;}
            #contact-box form .button-holder .button {float: right; background: #2E82FF; }
                #contact-box form .button-holder .button:hover { background:#0056D7; }

            
#map-banner { position: relative; z-index: 1; height: 476px; width: 100%; background-repeat: none; background-size: cover; background-position: center bottom; }

/*-----------------------------------------------------------------------------------*/
/* Mailchimp Page styling
/*-----------------------------------------------------------------------------------*/

#mc-embedded-subscribe-form {margin: auto; max-width: 680px; width: 100%;}
    #mc-embedded-subscribe-form #mce-EMAIL {
        float: left; background: #fff; border: solid 1px #E6EFFF;
        width: calc(100% - 220px); margin: 0 10px; font-size: 16px; height: 56px; padding: 0 20px; border-radius:30px;
        -webkit-appearance: none;
    }
        #mc-embedded-subscribe-form #mce-EMAIL:focus {
            border: solid 1px #2E82FF;
        }


    #mc-embedded-subscribe-form #mce-EMAIL .button { display: block; float: right; width: 180px; margin: 0 10px; padding: 12px 0; height: 56px; }


/*-----------------------------------------------------------------------------------*/
/* Large Landing Page
/*-----------------------------------------------------------------------------------*/

.page-template-template_long_landing #page-hero h1 { font-size:40px; font-weight:700; position: relative; }
.page-template-template_long_landing #page-hero h2 { font-size:35px; margin: 40px 0 0px 0;}
.page-id-1762 #page-hero h2 { font-size:30px; margin: 40px 0 0px 0;}
.page-id-1562 #page-hero h1 { padding-bottom:20px;}
.page-template-template_long_landing #page-hero h2 .blue { font-size:35px; margin: 30px 0 0px 0; color:#2E82FF;}
.page-template-template_long_landing #page-hero h2:after { display:none; }
.page-template-template_long_landing #page-hero p { font-size:21px; margin: 0px 0 0px 0; color: #002760; font-weight: 500; }
.page-id-1762 #page-hero p {padding-bottom:15px;}
.page-id-1562 #page-hero, .page-id-1733 #page-hero {height: 750px;}
.page-id-1602 #page-hero {height:850px;}
.page-id-1762 #page-hero {height:650px;}
.page-id-1602 #page-hero p:first-of-type { padding-bottom:30px; }

.page-id-1602 #platform-rows-1, .page-id-1762 #platform-rows-1 {padding-top: 50px; padding-bottom: 100px;}
.page-id-1562 #platform-rows-1 {padding-top: 50px; padding-bottom: 5px;}
.page-id-1733 #platform-rows-1 {padding-top: 5px; padding-bottom: 5px;}
.page-id-1602 #platform-rows-1 .row, .page-id-1762 #platform-rows-1 .row {padding-top: 100px; padding-bottom: 10px;}
.page-template-template_long_landing #platform-rows-1 .row  {padding-top: 100px; padding-bottom: 1px;}
.page-template-template_long_landing #platform-rows-1 .row h2 {font-size: 35px; font-weight: 600; margin: 0; padding: 0 0 20px 0;}
.page-id-1762 #platform-rows-1 .row h2:nth-of-type(2n) {font-size: 30px; font-weight: 600; margin: 0; padding: 0 0 20px 0;}
.page-template-template_long_landing #platform-rows-1 h2:after {display:none;}
.page-template-template_long_landing #platform-rows-1 .button {margin-top:20px; margin-bottom:0px;}
.page-id-1562 #platform-rows-1 h3,.page-id-1733 #platform-rows-1 h3 {font-size: 30px; font-weight: 600; margin: 0; padding: 0 0 20px 0;}
.page-id-1762 #platform-rows-1 h3 {font-size: 25px; font-weight: 600; margin: 0; padding: 0 0 20px 0;}
.page-id-1602 #platform-rows-1 h3 {font-size: 30px; font-weight: 600; margin: 0; padding: 0 0 0px 0;}
.page-id-1762 #platform-rows-1 .row:nth-child(2), .page-id-1762 #platform-rows-1 .row:nth-child(3) {display:none;}

.page-template-template_long_landing #platform-intro h2 {font-size: 35px; font-weight: 600; margin: 0; padding: 0 0 20px 0;}
.page-template-template_long_landing #platform-intro h2:after { margin-top: 20px; width:60px; height:5px; background:#E67300; display:block; content:""; position:absolute; left: calc(50% - 30px); }
.page-template-template_long_landing #platform-intro h3 {font-size: 30px; font-weight: 600; margin: 0; padding: 20px 0 50px 0;}
.page-template-template_long_landing #platform-intro p {padding: 60px 0; max-width: 660px; margin: auto;}

.page-template-template_long_landing #platform-intro-2 h2 {font-size: 35px; font-weight: 600; margin: 0; padding: 50px 0 20px 0;}
.page-template-template_long_landing #platform-intro-2 h2:after { margin-top: 20px; width:60px; height:5px; background:#E67300; display:block; content:""; position:absolute; left: calc(50% - 30px); }
.page-id-1762 #platform-intro-2 h2:after { display:none; }

.page-id-1562 #platform-intro-2 h3, .page-id-1733 #platform-intro-2 h3 {font-size: 30px; font-weight: 600; margin: 0; padding: 20px 0 20px 0;}
.page-id-1602 #platform-intro-2 h3 {font-size: 20px; font-weight: 400; margin: 0; padding: 20px 0 20px 0;}
.page-id-1562 #platform-intro-2 p, .page-id-1733 #platform-intro-2 p {padding: 60px 0; max-width: 660px; margin: auto;}
.page-id-1602 #platform-intro-2 p {padding: 10px 0; max-width: 660px; margin: auto;}
.page-id-1562 #trio img, .page-id-1733 #trio img {display: block; margin: 0 auto 25px auto; width: 90px; height: auto;}
.page-id-1602 #main #trio, .page-id-1762 #main #trio {display:none;} 
.page-id-1562 #main, .page-id-1733 #main {padding-bottom:50px;}
.page-id-1602 #main {padding-bottom:10px;}
.page-id-1762 #main {display:none;}

.page-id-1602 #platform-rows-2, .page-id-1762 #platform-rows-2 {display:none;}

.page-id-1562 #platform-rows-2 h3.orange, .page-id-1733 #platform-rows-2 h3.orange, .page-id-1762 #platform-rows-2 h3.orange { font-size:22px; margin: 0; color:#2E82FF; padding-bottom:40px;}
.page-id-1602 #platform-rows-2 h3.orange { font-size:22px; margin: 0; color:#2E82FF; padding-bottom:0px;}
.page-template-template_long_landing #platform-rows-2 {padding-top: 50px; padding-bottom: 50px;}
.page-template-template_long_landing #platform-rows-2 .row {padding-top: 100px; padding-bottom: 100px;}
.page-id-1733 #platform-rows-2 {padding-top: 5px; padding-bottom: 5x;}
.page-id-1733 #platform-rows-2 .row {padding-top: 25px; padding-bottom: 25x;}


.page-id-1562 #platform-rows-2 .row:nth-child(2), .page-id-1733 #platform-rows-2 .row:nth-child(2) {display:none;}
.page-template-template_long_landing #platform-rows-2 .row h2 {font-size: 35px; font-weight: 600; margin: 0; padding: 0 0 20px 0;}
.page-template-template_long_landing #platform-rows-2 h2:after {display:none;}
.page-template-template_long_landing #platform-rows-2 .button {margin-top:20px; margin-bottom:0px;}
.page-template-template_long_landing #platform-rows-2 h3 {font-size: 30px; font-weight: 600; margin: 0; padding: 0 0 20px 0;}
.page-template-template_long_landing #platform-rows-2 img {max-width:80%}
.page-template-template_long_landing #testimonials .col-md-4 {
    float: left;
    width: 360px;
    margin: 35px 15px 0 0;
    box-shadow: 0 0 10px #D1D1D1;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
}

.page-template-template_long_landing #testimonials p{
font-size: 18px; font-style:italic; font-weight:300; color:#002760;	
}

.page-template-template_long_landing #testimonials h4{
font-size: 20px; font-weight: 400; color:#2E82FF;	
}

.page-template-template_long_landing #testimonials .col-md-4 {
    padding: 20px 30px;
    min-height: 460px;
}

.page-template-template_long_landing #testimonials {
	padding-bottom:100px;
}

#bottom-CTA p {
	color: #002760}

li.app2 {
background: url('https://cdn.smooth.tech/wp-content/uploads/2021/07/05153709/AppOrdering.png') no-repeat left top;
height: 50px;
padding-left: 54px;
padding-top: 10px;
	margin-bottom:15px;
}

li.brand {
background: url('https://cdn.smooth.tech/wp-content/uploads/2021/06/02124212/CustomerEngagementBulletncsm.png') no-repeat left top;
height: 50px;
padding-left: 54px;
padding-top: 10px;
	margin-bottom:10px;
}

li.loyalty {
background: url('https://cdn.smooth.tech/wp-content/uploads/2021/06/02124130/EnhanceLoyaltyBullet-1.png') no-repeat left top;
height: 50px;
padding-left: 54px;
padding-top: 10px;
	margin-bottom:10px;
}

.page-id-1762 li.loyalty {
background: url('https://cdn.smooth.tech/wp-content/uploads/2021/06/02124130/EnhanceLoyaltyBullet-1.png') no-repeat left top;
height: 50px;
padding-left: 54px;
padding-top: 10px;
	margin-bottom:30px;
}

li.control {
background: url('https://cdn.smooth.tech/wp-content/uploads/2021/06/02124241/GainControl.png') no-repeat left top;
height: 50px;
padding-left: 54px;
padding-top: 10px;
	margin-bottom:10px;
}

li.sales {
background: url('https://cdn.smooth.tech/wp-content/uploads/2021/06/02124309/IncreaseSales-1.png') no-repeat left top;
height: 50px;
padding-left: 54px;
padding-top: 10px;
	margin-bottom:10px;
}

.page-id-1762 li.sales {
background: url('https://cdn.smooth.tech/wp-content/uploads/2021/06/02124309/IncreaseSales-1.png') no-repeat left top;
height: 50px;
padding-left: 54px;
padding-top: 10px;
	margin-bottom:10px;
}

li.upsell {
background: url('https://cdn.smooth.tech/wp-content/uploads/2021/06/02124337/Upsell.png') no-repeat left top;
height: 50px;
padding-left: 54px;
padding-top: 10px;
	margin-bottom:10px;
}

li.analytics {
background: url('https://cdn.smooth.tech/wp-content/uploads/2021/06/02124405/Analytics-1.png') no-repeat left top;
height: 50px;
padding-left: 54px;
padding-top: 1px;
	margin-bottom:10px;
}

li.offers {
background: url('https://cdn.smooth.tech/wp-content/uploads/2021/06/02124425/SpecialOffers-1.png') no-repeat left top;
height: 50px;
padding-left: 54px;
padding-top: 1px;
	margin-bottom:24px;
}

.page-id-1602 li.offers {
background: url('https://cdn.smooth.tech/wp-content/uploads/2021/06/02124425/SpecialOffers-1.png') no-repeat left top;
height: 50px;
padding-left: 54px;
padding-top: 1px;
	margin-bottom:44px;
}

li.relationships {
background: url('https://cdn.smooth.tech/wp-content/uploads/2021/06/03152848/OwnRelationships.png') no-repeat left top;
height: 50px;
padding-left: 54px;
padding-top: 1px;
	margin-bottom:40px;
}

.page-id-1762 li.relationships {
background: url('https://cdn.smooth.tech/wp-content/uploads/2021/06/03152848/OwnRelationships.png') no-repeat left top;
height: 50px;
padding-left: 54px;
padding-top: 10px;
	margin-bottom:10px;
}

li.app {
background: url('https://cdn.smooth.tech/wp-content/uploads/2021/06/03152848/WebOrdering.png') no-repeat left top;
height: 50px;
padding-left: 54px;
padding-top: 1px;
	margin-bottom:40px;
}

li.payments {
background: url('https://cdn.smooth.tech/wp-content/uploads/2021/06/03152848/Payments.png') no-repeat left top;
height: 50px;
padding-left: 54px;
padding-top: 1px;
	margin-bottom:15px;
}

li.delivery {
background: url('https://cdn.smooth.tech/wp-content/uploads/2021/06/03152848/Delivery.png') no-repeat left top;
height: 50px;
padding-left: 54px;
padding-top: 1px;
	margin-bottom:70px;
}

li.marketing {
background: url('https://cdn.smooth.tech/wp-content/uploads/2021/06/03152847/EnhanceLoyalty.png') no-repeat left top;
height: 50px;
padding-left: 54px;
padding-top: 1px;
	margin-bottom:40px;
}

.page-id-1733 #page-hero .right-column .videoWrapper {
		display: block;
	  	width: 100%;
	  	height: 0;
	  	padding-bottom: 56.25%;
	  	position: relative;
	}

.page-id-1733 #page-hero .right-column .videoWrapper iframe {
    	position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
/* 	    object-fit: cover; */
	    object-position: center center;
  	}

.page-id-1733 #page-hero .right-column .img-wrp {
  		max-width: 620px;
  		position: relative;
  		margin-left: auto;
  		margin-right: auto;
  	}
.page-id-1733 #page-hero .right-column .img-wrp img {
  		width: 100%;
  		max-width: 100%;
  		max-height: unset;
  	}

.page-id-1733 #page-hero .right-column .outer-wrp {
    	position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    padding-left: 3.5%;
	    padding-right: 3.5%;
	    padding-top: 3.8%;
  	}

.page-template-template_long_landing #page-hero .right-column {
    float: right;
    width: 50%;
    right: 0;
    top: 310px;
}

.page-id-1733 #page-hero .right-column {
    float: right;
    width: 50%;
    right: 0;
    top: 410px;
}

.page-id-1762 #page-hero .right-column img {
    max-width: 70%;
    height: auto;
}

.page-id-1562 #page-hero .right-column img {
    max-width: 80%;
	padding-top:30px;
    height: auto;
}