@charset "utf-8";
/* CSS Document */


@import url('../fonts/fonts.css');
@import url('am_core.css');

:root {
     --navbar-height: 80px;
}
.navbar-light .navbar-nav .nav-link {   
    color: var(--c-dark);
}
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
    color: var(--c-primary);
    
}

/** navbar **/
.navbar-brand {
    width: auto;
    margin-right: 0.5rem;
}
#mainlogo img {
    display:flex;
    height: auto;
    max-height: 100px;
    max-width: 200px;
}
body:not(.page-template-homepage) .am-navbar {
   background: #fff;
    position: fixed;
}

/*
.am-navbar.attop {
    position: absolute;
}
*/
.navbar-toggler {
    background-color: #fff;
    padding: 0.15rem 0.5rem; 
    border: 0px solid rgba(185,185,185,1.00);
}
.navbar-toggler-icon {
    display: flex;
    align-items: center;
    padding: 0;
    text-align: center;
    justify-content: center; 
}

[aria-expanded="true"] .navbar-toggler-icon:before {
    content: "\f00d";
} 


.navbar-toggler-icon:before {
      content: "\f0c9";
font-family: "Font Awesome 5 Pro";
    font-weight: 600;
    color: rgba(185,185,185,1.00);
}
.am-navbar.is-fixed {
     position: fixed;
    background: #fff;
    -webkit-animation-duration:0.5s ;
  -webkit-animation-iteration-count: 1;
    -webkit-animation-name: slideInDown;
    height: auto;
}
.am-navbar.is-fixed #mainlogo img {
    max-height: 45px;
}
.am-navbar {
    position: absolute;
    z-index: 22;
    width: 100%;
    top: 0;
    transition: all 0.73s linear;
     -webkit-transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition: -moz-transform 1s cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1);
height: var(--navbar-height);
    flex-wrap: wrap;

}
.am-navbar.hidden {
      -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.am-navbar.smallnav {
    background: #fff;
}

.am-navbar .menu-item {
     border: 1px solid rgba(0,0,0,0.00);
}
.am-navbar .nav-link {
    font-family: var(--labelfont);
    text-transform: uppercase;
    font-weight: 500;  
    letter-spacing: 0.045em;
    font-size: 14px;
    color: var(--c-dark);
 
    display: flex;
    align-items: center;
}

.am-navbar .nav-link.dropdown-toggle::after {
    color: var(--c-mblue);
    font-size: 130%;
}
.am-navbar .nav-link.dropdown-toggle:hover::after {
    color: var(--c-dark);
}

#main-menu-desktop .menu-item.dropdown:hover, #main-menu-desktop .menu-item.dropdown.showing {
    background: #fff;
    z-index: 3;
    border: 1px solid rgba(1,14,21,0.180);
    border-bottom: 0px;
    border-radius: 0.25rem 0.25rem 0 0;
    
}
#main-menu-desktop .menu-item {
   /*  height: var(--navbar-height); 
    align-self: center;
    align-items: center;
    display: flex; */

}
#main-menu-desktop li.menu-item {
    display: flex;
    align-items: center;

}
#main-menu-desktop li.menu-item a.nav-link {
       padding-left: 0.95rem;
    padding-right: 0.95rem;
}
#main-menu-desktop .menu-item[class*="trigger-drop-"] a.nav-link:after {
    display: inline-block;
    content: "\f0d7";
font-family: "Font Awesome 5 Pro";
color: var(--c-mblue);
    font-size: 125%;
    margin-left: 0.35rem;
    font-weight: 600;
    
}
#main-menu-desktop .menu-item.printshop-menu a {
    color: var(--c-primary) !important;
}
/*
.am-navbar li.menu-item-has-children.dropdown:hover .dropdown-menu {
    display:block;
    z-index: 21;
}
*/
.meganav {
    width: auto;
    min-height: 100px;
    clear: both;
    flex-wrap: wrap;
    background: #fff;
   /* -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2);
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2); */
    max-width: 800px;
    margin: 0 auto;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 1.75rem 1rem;
    border: 1px solid rgba(1,14,21,0.18);
    border-radius: 0 0.25rem 0.25rem 0.25rem;
    margin-top: -1px;
    display: none;
}
.meganav[data-nav="product"] {
    max-width: 600px;
    margin-left: 0px;
    overflow: hidden;
}
.meganav .examples-wrapper {
   /* background: rgba(228,127,67,1.00);*/
    background: var(--c-mblue);
padding: 1rem;
margin-top: -1.75rem;
margin-bottom: -1.75rem;
margin-right: -1rem;
margin-left: 1rem;
    color: #fff;
}
.meganav[data-nav="solutions"] {
    margin-left:125px;
    max-width: 300px;
}
.meganav:hover, .meganav.showing {
    display: block;
}
.meganav .meganav-subtitle {
    text-transform: uppercase;
    font-weight: 500;
    color: var(--c-mblue);
    font-size: 13px;
    font-size: 76%;
    margin-bottom: 0.5rem;
}
.meganav .meganav-subtitle.dark {
    color: var(--c-dark);
}
.meganav div.col-md-4:hover .meganav-subtitle.dark {
    color: var(--c-primary);
}
.meganav .linkslist {
    margin: 0;
    padding: 0;
}
.meganav .nav-link {
    padding: 0 ;
}
.meganav .nav-link-a {    
    font-family: var(--bodyfont);
    font-weight: 600;
    letter-spacing: 0;
    font-size: 16px;
    text-transform: none;
    padding: 0.245rem 0;
    display:block;
}
.meganav .nav-link-a:hover {
    color: var(--c-primary);
}
/*
.meganav .linkslist li + li {
    border-top: 1px solid rgba(0,0,0,0.0768);
}
*/

.meganav .morelink.small {
    font-size: 14px;
    text-align: right;
    font-weight: 500;
}
.meganav .smalldesc {
    font-size: 84%;
    line-height: 1.35;
    margin: 0;
}
.meganav .meganav-img {
    display: block;
    width: 85%;
    margin: 0 auto 1rem;
    overflow: hidden;
}
.meganav .meganav-img:before {
    /* content: ""; */
    width: 100%;
    padding-bottom: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: rgba(17,163,223,0.09);
    border-radius: 150px;
    margin-top: -50%;
}
#wrapper-navbar-mobile {
    display: none;
    position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        align-items: center;
        height: 65px;
        z-index: 100;
        background: #fff;
        flex-wrap: wrap;
        max-width: 100%;
}
.mobilemenu-wrapper {
    background: #fff;
    width: 100%;
    clear: both;
    /* margin-top: var(--navbar-height); */
    position: fixed;
    z-index: 50;
    max-height: 90vh;
    overflow-y: auto;
    margin-top: 65px;
    top: 0;
}

.mobilemenu-wrapper li .dropdown-menu {
    display: block;
    max-height: 0;
    overflow-y: hidden;
    position: relative !important;
    width: 100%;
    margin: 0px;
    transform: none !important;
    top: 0 !important;
    will-change: unset !important;
    transition-property: all;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    padding: 0;
    border: 0px;
    
}
.mobilemenu-wrapper li .dropdown-menu.show {
   
    transform: none !important;
    max-height: 200px;
}
#mobileNav {
    padding: 1.75rem 0 0;
}
#mobileNav li {
    padding: 0 0.75rem;
    
}
#mobileNav ul.dropdown-menu.show {
    margin-bottom: 0.75rem;
}

#mobileNav li.menu-item a {
   padding: 0.75rem 0;

    color: var(--c-dark);
    font-weight: 600;
}
#mobileNav li:hover, #mobileNav li:focus, #mobileNav li:active {
    background: rgba(191,215,225,0.154);
}
#mobileNav li + li {
 /* border-top: 1px solid rgba(0,0,0,0.09);  */
}
#mobileNav .dropdown-menu li a {
    font-weight: 400;
    padding-left: 0.25rem;
}
#mobileNav .dropdown-toggle:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    width: 35px;
    text-align: center;
    height: 28px;
    font-size: 14px;
    line-height: 2;
    color: var(--c-mblue);
    content: "\f067";
font-family: "Font Awesome 5 Pro";
    border: 0px;
    border-left: 1px solid rgba(0,0,0,0.09);
    z-index: 9;
}
.mobilemenu .nav-link {
    padding: 1rem;
}
#mobileNav .callnumber {
    padding: 0 0.5rem 0.75rem; 
    margin-bottom: 0.75rem;
    border-bottom: 2px solid rgba(0,0,0,0.09);
    font-family: var(--labelfont);
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    color: var(--c-dark);
}
#mobileNav .callnumber i {
    font-size: 110%;
    font-weight: 600;
}
#mobileNav .textlink {
    font-weight: 400;
    font-size: 95%;
    font-family: var(--labelfont);
}
#mobileNav a.btn {
    font-size: 11px;
    font-weight: 400;
    line-height: 22px;
}
#mobileNav a.btn.btn-o {
    background: #fff;
}
#mobileNav .bottombtns {
    background: var(--c-lblue);
    padding: 0.75rem;
}
/** Homepage STyles **/
.wow { visibility: hidden; }
.homepageheader {
    height:700px;
     min-height: 89vh; 
    background: url('../img/headerbg.jpg') no-repeat top right;
    background-size: auto 125%;
    margin: 0;
    min-width: 100%;
    padding: 0;
    display: flex;
}
.homepageheader h2 {
  margin-top: 5rem;
    font-weight:700;
}
.homepageheader .lead {
    font-size: 130%;
    line-height: 1.45;
    max-width: 650px;
}
.homepageheader .home-alertbox {
    align-self: flex-end;
    
    
}
.home-alertbox .bx-wrapper {
    margin: 0 !important;
    border: 0px !important;
    background: transparent !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    
    
}

.home-alertbox .bx-wrapper .bx-viewport {
    height: 200px !important;
}
.animate-it {
  -webkit-animation-duration:1s !important;
  -webkit-animation-iteration-count: 1 !important;

}
#alert-slider {
overflow: hidden;
    padding: 1.5rem;
}

/*
.home-alertbox .alertwrap:not(.animate-it) {
    opacity: 0;
    height: 0px;
    overflow: hidden;
    padding: 0;
    margin: 0;
}
*/
.homepageheader .carousel-item {
    vertical-align: middle;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    min-width: 100%;
}
.carousel-item:not(.active) .alertwrap {
    opacity: 0;
}
.alertwrap {
    height: auto;
    opacity: 1;
  /* transition: height 1s ease-in-out; */
    background: rgba(150,183,63,0.95);
    color: #fff;
    border-radius: var(--border-radius);
    width: 80% !important;
    max-width: 600px;
    padding: 1rem 0.75rem 1rem 115px;
    margin-left: 10%;
    margin-top: 5%;
    margin-bottom: 40px;
    font-size: 88%;
    line-height: 1.25;
    -webkit-box-shadow: 2px 3px 6px 0 rgba(0,0,0,0.2);
box-shadow: 2px 3px 6px 0 rgba(0,0,0,0.2);
    z-index: 2;
transition: all 0.3s linear;
}
.alertwrap.movedup {
    margin-top: -4rem;
    width: 90% !important;
    margin-left: auto;
    margin-right: auto;
    font-size: 85%;
}
.alertwrap.movedup .alertsub {
    font-size: 90%;
}
.alertwrap.movedup p {
    font-size: 106%;
}
.alertwrap p {
font-weight: 300;
    font-size: 115%;
}
.alertwrap.color2 {
    background: rgba(154,67,159,0.88);
}
.alertwrap.color3 {
    background: rgba(219,130,17,0.91);
}
.alertwrap.color4 {
    background: rgba(40,142,173,0.90);
}
.alertwrap .alertsub {
    font-size: 17px;
    color: rgba(0,0,0,0.51);
}
.alertwrap .imgwrap {
    position: absolute;
    left: 0;
    top: 0;
    margin-left: -30px;
    margin-top: -35px;
    max-width: 150px;
    border-radius: 200px;
    display: block;
}
[class*="home-section-"] {
    padding-top:4rem;
    padding-bottom: 3rem;
}
.home-section-what {
    background: #062441; /* Old browsers */
background: -moz-linear-gradient(left, #062441 0%, #0d3c66 31%, #134772 58%, #062441 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #062441 0%,#0d3c66 31%,#134772 58%,#062441 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #062441 0%,#0d3c66 31%,#134772 58%,#062441 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#062441', endColorstr='#062441',GradientType=1 ); /* IE6-9 */
    -webkit-box-shadow:inset 0 0 7vh 0 rgba(6,36,65,0.7);
box-shadow:inset 0 0 7vw 0 rgba(6,36,65,0.7);
    color: var(--c-lblue);
}
.home-section-what .dobox {
    overflow: hidden;
}
/*
.home-section-what .dobox:before {
    background-color: rgba(216,235,246,1.00);
    opacity: 0.55;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
   height: 100%;
    margin-top: -50%;
    border-radius: 14rem;
    transition: all 0.26s linear;
}

.home-section-what .dobox:hover:before {
    transform: scale(2.5);
    opacity: 0.2;
}*/
.home-section-what .dobox h4 {
    color: #fff;
}
.home-section-what .dobox .imgwrap {
    width: 100%;
}

.home-section-what .dobox .imgwrap img {
    max-height: 160px;
    display: block;
    margin: auto;
    max-width: 95%;
}
.home-section-what .dobox .textwrap { 
    padding: 2rem 0.85rem;
    font-size: 0.95em;
    line-height: 1.3;
    text-align: center;
}


.home-section-features .features-row .features-item i {
    font-size: 45px;
    color: var(--c-mblue);
    font-weight: 300;
    margin-bottom: 1rem;
}
.home-section-features .features-row .features-item h4 {
    font-size: 110%;
}
.home-section-features .features-row .features-item {
    margin: 1rem 0;
}
.lg-label-text {
    font-size: 1.7em;
    line-height: 0.9;
    display: block;
    font-weight: 600;
    color: var(--c-mblue);
}
.coverlink {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 1;
}
.morelink, .morelink-wrapper a {
    font-family: var(--labelfont);
    color: var(--c-dark);
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.08em;
    display: inline-flex;
    align-items: center;
    font-weight: 500 !important;
    text-decoration: none !important;
}
.morelink.small, .morelink-wrapper.small a {
    font-size: 12px;
}
.morelink.primary, .morelink-wrapper.primary a {
    color: var(--c-primary);
}
.morelink.primary:after, .morelink-wrapper.primary a:after {
    color: var(--c-dark);
    opacity: 0.3;
}
.morelink.primary:hover, .morelink-wrapper.primary a:hover {
    color: var(--c-dark);
}
.morelink.c-white, .morelink-wrapper.c-white a {
    color: #fff;
}

.morelink:after, .morelink-wrapper a:after {
content: "\f105";
font-family: "Font Awesome 5 Pro";
color: var(--c-primary);
    font-size: 195%;
    margin-left: 0.35rem;
}

.labelfont.smalltitle {
    color: var(--c-mblue);
    font-size: 16px;
}
.solution-box {
    background: var(--c-dark);
    color: #fff;
    padding: 3rem 0 3rem 2rem;
    border-radius: var(--border-radius);
    display: flex;
    flex-direction: column;
    justify-content: center; 
    overflow: Hidden;
    margin-bottom: 1.5rem;
}

.solution-box:before {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    content: "";
    transition: var(--smooth-transition);
    background: url('../img/mask-circle.svg') no-repeat center left transparent;
    background-size: auto 100%;
}
.solution-box.agent {
     background: url('../img/solution-agent.jpg') no-repeat center right;
    background-size: cover;
}
.solution-box.broker {
     background: url('../img/solution-broker.jpg') no-repeat center right;
    background-size: cover;
}
.solution-box.lo {
     background: url('../img/solution-lo.jpg') no-repeat top right;
    background-size: cover;
}
.solution-box:hover:before {
    width: 220%;
    height: 220%;
    background-color: rgba(7,46,78,0.4);
}
.solution-box span, .solution-box h4 {
    display: block;
    width: 50%;
    line-height: 1.1;
}
.solution-box span {
    color: var(--c-mblue);
    text-transform: uppercase;
    font-size: 13px;
    margin-bottom: 0.4rem;
    
}
.home-section-testimonials {
    overflow: hidden;
    padding: 0;
    margin: 0 0 5rem;
}
.home-section-testimonials:before {
    position: absolute;
    top: 0;
    left: 0;
    display:block;
    content: "";
    width: 50%;
    height: 100%;
    background: #fff;
   
}
.container.white-bg {
    background: #fff;
  
}
.testimonialwrapper .more-box {
    background: var(--c-dark);
    color: #fff;
    width: 33%;
    max-width: 300px;
    padding: 1.5rem;
    text-align: right;
     overflow: visible;
}
.home-section-testimonials .testimonialwrapper .more-box:before {
    content: "";
    background: var(--c-dark);
    width: 200%;
    height: 100%;
    display:block;
    position: absolute;
    top: 0;
    left: 100%;
   
}
.testimonialwrapper .more-box .lg-label-text {
    font-size: 28px;
    color: var(--c-mblue);
    margin-top: 1.5rem;
}
.testimonialwrapper .quotewrap {
    padding: 1.5rem;
    align-self: center;
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b7d4e3+0,b7d4e3+100&0+0,0.64+100 */
background: -moz-linear-gradient(left, rgba(183,212,227,0) 0%, rgba(183,212,227,0.64) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(183,212,227,0) 0%,rgba(183,212,227,0.64) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(183,212,227,0) 0%,rgba(183,212,227,0.64) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7d4e3', endColorstr='#a3b7d4e3',GradientType=1 ); /* IE6-9 */
    display: flex;
    height: 100%;
}
.testimonialwrapper .quotewrap.fullwidth {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b7d4e3+0,b7d4e3+50&0+0,0.26+25,0.26+75,0+100 */
background: -moz-linear-gradient(left, rgba(183,212,227,0) 0%, rgba(183,212,227,0.26) 25%, rgba(183,212,227,0.26) 50%, rgba(183,212,227,0.26) 75%, rgba(183,212,227,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(183,212,227,0) 0%,rgba(183,212,227,0.26) 25%,rgba(183,212,227,0.26) 50%,rgba(183,212,227,0.26) 75%,rgba(183,212,227,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(183,212,227,0) 0%,rgba(183,212,227,0.26) 25%,rgba(183,212,227,0.26) 50%,rgba(183,212,227,0.26) 75%,rgba(183,212,227,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7d4e3', endColorstr='#00b7d4e3',GradientType=1 ); /* IE6-9 */
}
.testimonialwrapper .quotewrap .media {
    width: 100%;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}
.testimonialwrapper .quotewrap img {
    max-width: 125px;
    border-radius: 65px;
    -webkit-box-shadow:inset 0 0 0 4px var(--c-mblue);
box-shadow:inset 0 0 0 4px var(--c-mblue);
}
.testimonialwrapper .quotewrap .quote {

    font-size: 125%;
    font-family: Georgia, Constantia, 'Lucida Bright', 'DejaVu Serif','serif';
    font-style: italic; 
    padding: 1rem 1rem 1rem 3rem;
}
.testimonialwrapper .quotewrap .quote.smaller {
    font-size: 115%;
}
.testimonialwrapper .quotewrap .quote .quotemark {
    font-size: 120px;
    margin-top: -0.33em;
    margin-left: -7px;
    position: absolute;
    top: 0;
    left: 0;
    color: var(--c-lblue);
    opacity: 0.85;
    z-index: 0;
}
.testimonialwrapper .quoteimg {
    width: 150px;
    height: 150px;
    background: #eee;
    border-radius: 150px;
}
.testimonialwrapper .byline {
    text-align: right;
}
.testimonialwrapper .byline strong {
    font-size: 90%;
    display:block;
}
.testimonialwrapper .byline em {
    font-size: 85%;
}
.home-section-resources .resource-item {
margin-top: 1rem;
    transition: all 0.2s ease-in-out;
    display: flex;
    height: 100%;
    flex-direction: column;
}
@media (max-width: 768px) { 
.home-section-resources .resource-item:last-of-kind {
    display: none;
}
}
.home-section-resources .resource-item:hover {
    -webkit-box-shadow: 0 0 14px 0 rgba(0,0,0,0.12);
box-shadow: 0 0 14px 0 rgba(0,0,0,0.12);
}
.home-section-resources .resource-item .image {
    width: 100%;
    padding-bottom: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    display: block;
}
.home-section-resources .resource-item .image.isnewsletter {
    height: 100%;
    padding-bottom: 60%;
}
.home-section-resources .resource-item .textwrap {
    background: #fff;
    padding: 1.75rem 2rem;
}
.home-section-resources .resource-item .type {
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 1.25rem;
    color: var(--c-mblue);
}

.home-section-resources .resource-item .post-categories {
    margin: 0;
    padding: 0;
}
.home-section-resources .resource-item .post-categories li {
    display: inline;
}
.home-section-resources .resource-item .excerpt {
    font-size: 92%;
    line-height: 1.45;
}
/** SUBPAGE STYLES **/

.subpage-top { 
    /*background: var(--c-dark);*/
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#062441+0,0d3c66+31,134772+58,062441+100 */
background: #062441; /* Old browsers */
background: -moz-linear-gradient(left, #062441 0%, #0d3c66 31%, #134772 58%, #062441 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #062441 0%,#0d3c66 31%,#134772 58%,#062441 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #062441 0%,#0d3c66 31%,#134772 58%,#062441 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#062441', endColorstr='#062441',GradientType=1 ); /* IE6-9 */
    -webkit-box-shadow:inset 0 0 7vh 0 rgba(6,36,65,0.7);
box-shadow:inset 0 0 7vw 0 rgba(6,36,65,0.7);
    color: var(--c-lblue);
    text-align: center;
    padding: 6rem 0 8rem;
    margin-top: var(--navbar-height);
}
.subpage-top.sub-top {
    padding: 2rem 0 2rem;
    text-align: left;
    
}
.subpage-top.single {
   text-align: left;
    padding: 4rem 0;
}
.subpage-top .cattitle {
    font-size: 14px;
    text-align: inherit;
    color: var(--c-mblue);
    display: block;
}
.subpage-top .h1, .subpage-top h1 {
    font-size: 3.43rem;
}
.subpage-top.single h1 {
    font-size: 2.3rem;
    
}
.subpage-top .lead {
    font-size: 122%;
}
.subpage-top small {
    font-size: 75%;
    font-weight: 300;
}
.subpage-top .entry-meta{
    font-size: 87%;
    font-weight: 400;
    color: rgba(255,255,255,0.55);
}
.subpage-top .entry-date {
    font-size: 14px;
    opacity: 0.7;
}
.subpage-top a:hover {
    color: #fff;
}
.subpage-top.printshop-top {
    background: rgba(17,163,223,0.07);
    -webkit-box-shadow:none;
box-shadow: none;
    color: inherit;
}
.pagewrap {
    padding-bottom: 5rem;
    
}
body.page-template-features-home .features-trio-block {
    margin-top: -3.5rem;     
}
.features-trio-block [class*="block-"] {
    background: var(--c-mblue); 
    padding: 1rem;
    color: #fff;
    z-index: 5;
}

.features-trio-block [class*="block-"].active {
    background: var(--c-dark);
}
.features-trio-block [class*="block-"].active:after {
   content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    margin-bottom: -10px;
      width: 0; 
  height: 0; 
  border-left: 18px solid transparent;
  border-right: 18px solid transparent;
  border-top: 10px solid var(--c-dark);
}
.features-trio-block [class*="block-"] span.labelfont {
    display:block;
    text-align: center;
    font-size: 90%;
}
.features-trio-block [class*="block-"]:not(.active):hover {
    background: var(--c-primary);
}
.features-trio-block img {
    display: block;
    width: 80%;
    max-width: 220px;
    margin: 0 auto;
}
.features-trio-block.is_stuck  {
    margin-top: var(--navbar-height);
    z-index: 11;
    background: var(--c-mblue);
}
.features-trio-block.is_stuck span.labelfont {
    font-size: 15px;
}
.features-trio-block.is_stuck  .container {
    width: 100%; 
    max-width: 1400px;
}

.features-trio-block.is_stuck .stuckhide {
    display: none;
}
.features-trio-block.is_stuck img {
    display: none;
}
article p:empty {
    margin: 0px;
}

@media all and (min-width: 1400px) { 
article section .wp-block-kadence-rowlayout {
    max-width: 1200px;
    width: 95%;
    }
    article section .wp-block-kadence-rowlayout.container-lg {
        width: 95%;
        max-width: 1400px;
    }
    .kt-row-layout-equal > .wp-block-kadence-column.container-xs, article section .wp-block-kadence-rowlayout.container-xs {
        flex: auto;
        width: 95%;
        max-width: 768px;
    }
    .kt-row-layout-equal > .wp-block-kadence-column.container-sm {
        flex: auto;
        width: 95%;
        max-width: 960px;
    }
}
@media all and (min-width: 1100px) { 

    article section .wp-block-kadence-rowlayout {
    max-width: 1100px;
        width: 95%;
    }

}

article section .wp-block-kadence-rowlayout {
    margin-left: auto;
    margin-right: auto;
} 
article section .wp-block-kadence-rowlayout.container-fluid {
    max-width: 100%;
}
article section .wp-block-kadence-rowlayout.container-fluid .kt-row-column-wrap {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}


.page-wrapper .callout-section {
    background: rgba(17,163,223,0.05);
    padding-top: 6rem;
    margin-top: -5.5rem;
}
.page-wrapper .callout-section .kt-row-layout-inner {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.text-smaller {
    font-size: 90%;
}
.product-page-item {
    padding-top: 100px;
}
.product-page-item .number {
    font-size: 70px;
    position: absolute;
    top: 0;
    left: 0;
    color: var(--c-mblue);
    margin-top: -0.125em;
    margin-left: -0.125em;
    opacity: 0.3;
    display: block;
    font-weight: 600;
    font-family: var(--labelfont);
}
.product-page-item .small.labelfont {
    color: var(--c-primary);
}
.light-subheading.labelfont {
    color: var(--c-mblue) !important;
    text-transform: uppercase;
}
.xlg-title {
    font-size: 400%;
}
.product-lead-text {
    font-size: 120%;
}
.product-features-row h4 {
font-size: 115%;
}

.list-icon {
    font-size: 45px;
    color: var(--c-mblue);
    display:block;
    margin-bottom: 1rem;
}
.product-features-row p {
    margin-bottom: 0;
}

.kt-row-layout-inner {
    margin-left: auto;
    margin-right: auto;
}
.page-wrapper article p a {
    text-decoration: underline solid var(--c-mblue);
    font-weight: 400;
}

.underline {
    text-decoration: underline;
}
/** About Page **/
.teamlist {
  width: 100%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.teamlist .member {
    display: flex;
    text-align: cener;
    padding: 0.35rem;
    flex-direction: column;
    margin-bottom: 1rem;
    cursor: pointer;
}
.teamlist .member img {
    display:block;
}
.teamlist .member .name {
    font-size: 16px;
    margin-bottom: 0.15em;
}
.teamlist .member .position {
    font-size: 13px;
    margin: 0;
    display:block;
    color: var(--c-dark);
    opacity: 0.7; 
}
.teamlist .member .funfact_title {
    border-bottom: 2px solid #fff;
    display:table;
    font-family: var(--labelfont);
    letter-spacing: 0.04em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
    font-size: 13px;
    line-height: 2;
    text-transform: uppercase;
    opacity: 0.5;
}
.teamlist .member .funfact {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    overflow-y: auto;
    padding: 0.75rem;
    font-size: 82%;
    font-weight: 400;
    line-height: 1.37;
    display:flex;
    justify-content: center;
    flex-direction: column;
}
.flip-card {
  background-color: transparent;
  width: 100%;
    height: 300px;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
    display:block;
}

.flip-card:not(.no-flip):hover .flip-card-inner, .flip-card:not(.no-flip).active .flip-card-inner {
  transform: rotateY(180deg);
    z-index: 1;
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
    display:block;
}

.flip-card-front {
  color: black;
  z-index: 2;
  background: #f4f8fa;
}

.flip-card-back {
  color: white;
  transform: rotateY(180deg);
  z-index: 2;
     background: var(--c-dark);
}


/** Pricing Page **/
#demoslideup {
    background: rgb(68,32,116);
background: linear-gradient(90deg, rgba(68,32,116,1) 0%, rgba(27,90,128,1) 100%);
    color: #fff;
    /*new*/
    position: fixed;
   bottom: -350px;
    left: 0;
    width: 100%;
    z-index: 99;
    transition: all 1s linear;
    
}

#demoslideup #demoopen {
    display: none;
}


@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName { 
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
#demoslideup:not(.active) #demoopen {
   background: linear-gradient(270deg, #1c5880, #422174);
background-size: 400% 400%;

-webkit-animation: AnimationName 25s ease infinite;
-moz-animation: AnimationName 25s ease infinite;
animation: AnimationName 25s ease infinite;
    color: #fff;
    font-size: 18px;
    line-height: 48px;
    height: 48px;
    width: 100%;
    position: fixed;
    left: 0;
    bottom:0;
    margin-top: -48px;
    display:block;
    cursor: pointer;
}
@media (min-width: 1200px) {
    #demoslideup:not(.active) #demoopen {
        font-size: 23px;
        line-height: 54px;
        height: 54px;
        margin-top: -54px;
    }

}
#demoslideup.active {
    bottom: 0;
    top: auto;
}
#democlose {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.75rem;
    font-family: var(--labelfont);
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: right;
    cursor: pointer;
    z-index: 2;
}
@media (max-width: 768px) {
    #democlose i {
        font-size: 25px;
        opacity: 0.45;
    }
    
}
/*
.container-pricing-demo .slant-bg {
    overflow:hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
     border-radius: 0.55rem;
}
*/
.container-pricing-demo .slant-bg:before {
   /* content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 130%; 
    background: #bde6fa;

    -moz-transform: skewX(21deg);
-webkit-transform: skewX(21deg);
-o-transform: skewX(21deg);
-ms-transform: skewX(21deg);
transform: skewX(21deg);
    margin-left: -50px;
    margin-top: -10%; */
}

.container-pricing-demo img {
   height: 140px;
    margin: auto;
    display: none;
}
@media all and (min-width: 1200px) {
    
      .container-pricing-demo img {
          display:block;
         height: 165px;

   
}
}
@media all and (max-width: 500px) {
    /*.container-pricing-demo .slant-bg:before {
       width: 100%;
        margin: 0;
        height: 70%;
        -moz-transform: skewX(0deg);
-webkit-transform: skewX(0deg);
-o-transform: skewX(0deg);
-ms-transform: skewX(0deg);
transform: skewX(0deg);
    } */
 
}
.planbox-wrap {
    margin-top: -5rem;
}
.planbox {
    display:flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 3rem 0;
    border-radius: var(--border-radius);
    color: #fff;
    text-align: center;
    background: var(--c-dark);
    transition: var(--smooth-transition);
    overflow: hidden;
    margin-bottom: 1.25rem;
     -webkit-box-shadow: 0 0 11px 0 rgba(0,0,0,0);
box-shadow: 0 0 11px 0 rgba(0,0,0,0);
}

@media all and (min-width: 1024px) { 
.planbox:hover {
   margin-top: -0.5rem; 
    padding-bottom: 0.5rem;
    -webkit-box-shadow: 0 0 11px 0 rgba(0,0,0,0.22);
box-shadow: 0 0 11px 0 rgba(0,0,0,0.22);
    
  
}
}

.planbox:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#134772+1,062441+100 */
background: #134772; /* Old browsers */
background: -moz-linear-gradient(top, #134772 1%, #062441 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #134772 1%,#062441 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #134772 1%,#062441 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#134772', endColorstr='#062441',GradientType=0 ); /* IE6-9 */
    display:block;
    opacity: 0;
    transition: var(--smooth-transition);
}
.planbox:after {
    content: "Select";
    position: absolute;
    font-family: var(--labelfont);
    text-transform: uppercase;
    font-size: 85%;
    line-height: 35px;
    top: 0;
    left: 0;
    width: 100%;
    background: var(--c-primary);
    color: #fff;
    font-weight: 500;
    height: 0px;
    overflow: hidden;
    transition: var(--smooth-transition);
}
.planbox:hover:after {
    height: 35px;
    
}
.planbox:hover:before {
    opacity: 0.4;
}
.planbox .plantitle {
    font-family: var(--labelfont);
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #fff;
    font-size: 15px;
}
.planbox .planprice {
    font-size: 58px;
    font-weight: 700;
    display:flex;
    line-height: 0.8;
    margin: 0 auto 0;
    justify-content: center;
    font-family: var(--labelfont);
    letter-spacing: -0.025em;
}
.planbox .planprice .dollarsign {
    padding-left:0;

}
.planbox .planprice .cents, .planbox .planprice .dollarsign {
    font-size: 40%;
    font-weight: 400;
    line-height: 1em;
    letter-spacing: 0;
    padding-left: 0.25em;
}
.planbox .freq {
    display: block;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    font-family: var(--labelfont);
    opacity: 0.6;
    font-weight: 500;
    letter-spacing: 0.07em;
    margin: 0.5rem auto 1rem;
}
.planbox .plandesc {
    font-size: 85.5%;
    line-height: 1.35;
    padding: 0 1.75rem;
    margin: 0 auto;
}
.planbox .pricefeatures {
    margin: 1rem auto 0;
    padding: 0;
    width: auto;
    min-width: 200px;
    /*margin-left: -1.75rem;
    margin-right: -1.75rem;
     background: #fff;
    color: rgba(82,82,82,1.00); */
}
.planbox .pricefeatures li {
    display:block;
    font-size: 13px;
    text-align: left;
    
    padding: 0.35rem 0.25rem;
    
    font-weight: 400;
    font-family: var(--labelfont);
    text-transform: uppercase;  
    letter-spacing: 0.065em;
}

.planbox .pricefeatures li i {
    font-size: 11px;
    width: 20px;
    height: 20px;
    line-height: 22px;
    text-align: center;
    background: rgba(188,188,188,1.00);
    color: #fff;
    border-radius: 40px;
    margin-right: 0.5rem;
}
.planbox .pricefeatures li i:before {
    padding-left: 0px;
}
.planbox .pricefeatures li.active i {
    background: #8bb715;
}

.planbox.planname-agent-per-property {
    background: #26557f;
}
/*
.planbox.c-agent2 {
    background: rgba(71,131,152,1.00);
}
.planbox.c-agent3 {
  
}
*/

.plantype {
    border-left: 2px solid rgba(148,194,215,0.50);
    border-right: 2px solid rgba(148,194,215,0.50);
    margin-top: 1.5rem;
    padding-top: 1px; /** CSS bug **/
}
.plantype span {
    padding: 0 0.75em 0.5em;
    background: #f4f8fa;
    display: table;
    margin-top: -0.5em;
    margin-left: 0.5em;
    color: var(--c-mblue);
    font-size: 95%;
    font-family: var(--labelfont);
    text-transform: uppercase;
    letter-spacing: 0.175em;
}
.plantype:before {
    border-bottom: 2px solid rgba(148,194,215,0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    content: "";
    display: block;
    height: 1px;

}
ul.plan-checklist {
    margin: 0;
    padding: 0;
    display:flex;
    flex-wrap: wrap;
}
ul.plan-checklist li {
    display: flex;
   width: 100%;
    font-size: 16px;
    font-weight: 400;
    padding: 0.5rem 0.25rem;
    flex-wrap: wrap;
    color: var(--c-dark);
    align-content: flex-start;
  
}
ul.plan-checklist li:not(.active) {
    opacity: 0.75;
}
ul.plan-checklist li .checkmark {
    color: rgba(188,188,188,1.00);
    display: inline-block;
    font-size: 100%;
    width: 22px;
    margin-top: 3px;
    text-align: left;
}
ul.plan-checklist li.active .checkmark {
    color: rgba(148,201,57,1.00);
}
ul.plan-checklist li small {
    width: 94.45%;
    margin: 0;
    font-size: 88%;
    opacity: 0.8;
    display:block;
    
}
ul.plan-checklist.grid-3 li {
     width: 33.31%;
}
ul.plan-checklist.grid-2 li {
    width: 50%;
}

ul.plan-checklist li .popbtn {
    background: transparent;
    border: 0px;
    padding: 0 0.25rem;
    font-size: 75%;
    opacity: 0;
    cursor: pointer;
}
ul.plan-checklist li .popbtn:hover {
    opacity: 1;
    color: var(--c-primary);
}
ul.plan-checklist li .choicelabel {
    max-width: 92%;
}
ul.plan-checklist li.has_info .choicelabel {
text-decoration: underline solid rgba(0,0,0,0.5);
cursor: help;
    
}
ul.plan-checklist li.has_info .choicelabel:hover {
    color: var(--c-primary);
}
.popover.fade.bs-popover-bottom.show {
    margin-top: calc(var(--navbar-height) * -1 +  9px);
}
.popover-body {
    background: var(--c-dark);
    color: #fff;
    line-height: 1.25;
    padding: 1rem 1.25rem;
} 
.popover.bs-popover-bottom .arrow::after { 
    border-bottom-color: var(--c-dark);
}
.plans-leftside {
    width: 30%;
    max-width: 360px;
}
.pricepage-footnote {
    font-size: 80%;
    line-height: 1.24;
    opacity: 0.8;
}
.container.container-pricing-features {
    max-width: 1200px;
}
/*
#post_318 .plans-rightside {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}*/
.plans-rightside {
    width: 100%;
    max-width: 900px;
    margin: auto;
}
#planslist {
    width: 93%;
}
#planslist a.list-group-item-action {
    border-radius: 0.354rem;
    padding: 1.25rem 0.85rem;
    border: 2px solid rgba(180,180,180,0.27);
    margin-bottom: 6px;
    background: #fff;
    display: flex;
align-items: center;
    justify-items: center;
justify-content: space-between;
}
#planslist a.list-group-item-action.active:after {
    content: "\f0da";
font-family: "Font Awesome 5 Pro";
    font-weight: 600;
color: var(--c-primary);
    font-size: 135%;
    line-height: 0;  
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.4;
    margin-top: 1rem;
    margin-right: -15px;
}
#planslist a.list-group-item-action.active {
 
    color: var(--c-primary);
    background: rgba(17,163,223,0.04);
    border-color: rgba(17,163,223,1);
}
#planslist a.list-group-item-action:hover {
    border-color: rgba(17,163,223,0.23);
}
#planslist a.list-group-item-action h5 {
    margin: 0;
    color: var(--c-dark);
    font-size: 1.05rem;
    font-weight: 700;
}
#planslist a.list-group-item-action .pricewrap {
    display: block;
    font-size: 15px;
    opacity: 0.7;
    clear: both;
    text-align: right;
    line-height: 1.2;
    font-weight: 400;
    font-family: var(--labelfont);
    color: var(--c-dark);
    text-transform: uppercase;
}
#planslist a.list-group-item-action .pricewrap .freq {
    display: block;
    font-size: 80%;
    opacity: 0.5;
    font-weight: 500;
}
.plans-leftside .getstarted {
    font-size: 90%;
}
.plans-leftside .getstarted .phonenumber {
    color: var(--c-primary);
    font-size: 130%;
    font-weight: 500;
}
.planpage_description {
    
}
.planpage_description.active {
    display: block;
}
.price-checklist-wrap .smalltitle {
    color: var(--c-dark);
    text-transform: uppercase;
    font-family: var(--labelfont);
    opacity: 0.4;
    letter-spacing: 0.035em;
}
.border-md-left {
    border-left: 1px solid rgba(0,0,0,.1);
}
.pricing-btn-group .btn-light {
    border: 2px solid rgba(255,255,255,0.08);
    border-left: 0px;
    background: rgba(255,255,255,0.10);
    color: #fff;
    padding: 0.86rem 1.25rem;
    display:flex;
    align-items: center;
    font-weight: 400;
    font-size: 85%;
    line-height: 1.3;
}
.pricing-btn-group .btn-light {
    border-left: 2px solid rgba(255,255,255,0.08);
}
.pricing-btn-group .btn-light:hover {
    background: #fff !important;
    color: var(--c-primary) !important;
    border-color: transparent !important;
}
.pricing-btn-group .btn-light.active:nth-child(1) {
    background: rgba(28,171,195,1.00) !important;
    color: #fff !important;
}
.pricing-btn-group .btn-light.active:nth-child(2) {
    background: rgba(136,29,191,1.00) !important;
    color: #fff !important;
}
.pricing-btn-group .btn-light.active:nth-child(3) {
    background: rgba(66,199,123,1.00);
    color: #fff !important;
}
.pricingpage-demobox {
    background:var(--c-lblue);
    padding: 1.75rem;
}
/*
.planbox.c-agent1 {
    background: rgba(71,140,151,1.00);
}
.planbox.c-agent2 {
   background: rgba(239,143,4,1.00);
}
.planbox.c-agent3 {
    background: rgba(100,36,191,1.00);
}
.planbox.c-agent4 {
    background: rgba(115,67,192,1.00);
}
*/
a#viewFull {
    cursor: pointer;
}
.planbox[class*="planname-broker-"] {
    /* background: rgba(98,146,160,1.00); */
    
}
#featureModal {
    padding: 0px !important;
}
#featureModal .modal-dialog {
    width:94%;
    max-width: 1200px; 
}

#featureModal .modal-dialog .modal-header {
    border:0px;
}
#featureModal .modal-dialog .modal-body {
    max-height: 80vh;
    overflow-y: auto;
}
#featureModal .modal-dialog .modal-footer {
    border:0px;
}
#featureModal .modal-dialog .pricing-head {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.15);
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.15);
}
.examplespage-carousel {
    margin-top: -7.5rem;
    height: auto !important;

}
.examplespage-carousel .blockgallery--item figure img {
    opacity: 0.5;
    transition: all 0.2s linear;
}
.examplespage-carousel .blockgallery--item figure {
    background: #000;
   
}

.examplespage-carousel .blockgallery--item.is-selected figure img {
    opacity: 1;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.12);
box-shadow: 0 2px 6px 0 rgba(0,0,0,0.12);
    
}
.blockgallery:not(.has-margin) .blockgallery--item {
    padding: 20px 0;
}

.statcount-icon {
    font-size: 50px;
    display:block;
    text-align: center;
    margin: 1rem auto;
    color: var(--c-primary);
    opacity: 0.4;
    font-weight: 200;
}

.statcount-number {
    font-size: 160%;
    font-weight: 700;
    color: var(--c-primary);
    text-align: center;
}
.statcount-label {
    text-transform: uppercase;
    font-size: 14px;
    font-family: var(--labelfont);
    font-weight: 500;
    text-align: center;
}
.makeoverbg {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#499bea+0,207ce5+100;Blue+3d+%237 */
/* background: #499bea; 
background: -moz-linear-gradient(left, #499bea 0%, #207ce5 100%); 
background: -webkit-linear-gradient(left, #499bea 0%,#207ce5 100%); 
background: linear-gradient(to right, #499bea 0%,#207ce5 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=1 ); */
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#062441+0,0d3c66+31,134772+58,062441+100 */
background: #062441; /* Old browsers */
background: -moz-linear-gradient(left, #062441 0%, #0d3c66 31%, #134772 58%, #062441 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #062441 0%,#0d3c66 31%,#134772 58%,#062441 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #062441 0%,#0d3c66 31%,#134772 58%,#062441 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#062441', endColorstr='#062441',GradientType=1 ); /* IE6-9 */
    -webkit-box-shadow:inset 0 0 7vh 0 rgba(6,36,65,0.7);
box-shadow:inset 0 0 7vw 0 rgba(6,36,65,0.7);
    color: #fff;
}

.makeover-blocks .leftside, .makeover-blocks .rightside, .makeover-blocks.lg-block {
    background: #fff;
    color: var(--c-dark);
    padding: 1.75rem;
    border-radius: 0.5rem;
}
.makeover-blocks .kt-inside-inner-col {
    display:block;
    width: 100%;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
   
}
.makeover-blocks ul {
    margin: 0px;
    padding: 0px;
}
.makeover-blocks ul li {
    padding: 0.5rem 0;
    margin-left: 1.5em;
    line-height: 1.24;
    font-size: 97%;
}
.makeover-blocks ul li  + li {
    border-top: 1px solid rgba(0,0,0,0.14);
}
.makeover-blocks.lg-block .kt-inside-inner-col {
     display:block;
    width: 100%;
    max-width: 600px;
    margin: 0;
}

/** MLS Page **/ 
#mls_table {
min-width: 100%;
font-size: 86%;
}
#mls_table thead th {
    color: var(--c-dark);
    font-weight: 500;
    font-family: var(--labelfont);
    font-size: 85%;
    text-transform: Uppercase;
    border-bottom: 2px solid var(--c-mblue);
    padding: 0.25rem 0 0.5rem;
}
#mls_table thead:after {
    content: "";
    display: table-row;
    height: 0.5rem;
    
}
#mls_table tr td {
    padding: 0.65rem ;
}
#mls_table tr:hover {
    background: #fff;
    -webkit-box-shadow:inset 0 0 0 2px var(--c-mblue);
box-shadow:inset 0 0 0 2px var(--c-mblue);
    z-index: 1;
    color: var(--c-dark);
    font-weight: 500;
}
#mls_table .mls-name {
    font-weight: 600;
    color: var(--c-dark);
    font-size: 105%;
    padding-left: 0.46rem;
}
#mls_table_length {
    text-align: right;
    font-size: 80%;
}
#mls_table_filter {
    background: var(--c-mblue);
    padding: 0.75rem;
    text-align: left;
    margin: 2rem 0;
}
#mls_table_filter label {
    margin: 0;
    color: #fff;
    font-size: 110%;
}
#mls_table_filter input {
    border: 0px;
    height: 40px;
    font-size: 105%;
    padding: 0 0.5em;
    margin: 0 0.85rem;
    color: var(--c-dark);
}
#mls_table_info {
    font-size: 79%;
    text-align: center;
    margin: 3rem auto 2rem;
}
#mls_table_paginate {
    text-align: center;
    width: 100%;
    display:flex;
}
#mls_table_paginate > span {
    display:flex;
    margin: auto;
    width: auto;
    text-align: center;
}
#mls_table_paginate span a {
    display: flex;
    width: 36px;
    height: 36px;
    text-align: center;
    justify-content: center;
align-items: center;
    border: 2px solid var(--c-mblue);
    padding: 0;
    font-size: 14px;
    font-family: var(--labelfont);
    font-weight: 500;
    cursor: pointer;
}
#mls_table_paginate span a + a {
    border-left: 0px;
}
#mls_table_paginate span a:hover, #mls_table_paginate span a.current {
    color: #fff;
    background: var(--c-dark);
    border-color: var(--c-dark);
}
 #mls_table   td.byPrice:before  {
        content: "$";
    }
 #mls_table   td.byPrice:after {
        content: "/mo.";
    }
.testimonials-row {
    width: 100%;
    max-width: 760px;
    margin: 1.5rem auto;
    font-size: 85%;
}
.testimonials-row + .testimonials-row {
    border-top: 1px solid rgba(0,0,0,0.12);
    padding-top: 1.5rem;
}
.testimonials-row img {
    width: 130px;
    height: 130px;
    display:block;
    overflow: hidden;
    border-radius: 100px;
    border: 5px solid var(--c-mblue);
}

.testimonials-row .media-body:before {
    content: '"';
    display: block;
    font-size:60px;
    font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
    position: absolute;
    top:0;
    left: 0;
    opacity: 0.2;
    margin-top: -0.4em;
    margin-left: -0.25em;
}
.testimonials-row .media-body .byline {
    display:block;
    font-size: 96%;
}
.testimonials-row .media-body .byline span {
    display: block;
}
.featherlight .featherlight-content {
    background: transparent !important;
}

.printshop-bulls {
    margin: 0;
    padding: 0;
}
.printshop-bulls li {
    padding-left: 0;
    display: inline-block; 
    font-size: 0.96em;
}
.printshop-bulls li i {
    color: #8bb715;
}

.printshop-bulls li + li:before {
    content: '';
    padding: 0 0.5em;
    font-family: var(--labelfont);
    opacity: 0.8;
    color: var(--c-mblue);
} 

.printshop-products figure {


}
.printshop-products figure:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom :0;
    margin: auto;
    width: 200px;
    height: 200px;
    background: rgba(17,163,223,0.29);
    opacity: 0.4;
    transition: all 0.3s linear;
    border-radius: 200px;
}

.printshop-products figure:hover:before {
    width: 250px;
    height: 250px;
}
div.custom-box figure:before  {
    display: none !important;
}
.printshop-products .custom-box {
    background: var(--c-dark);
    padding: 1.5rem;
    color: #fff;
    text-align: center;
}
#printshop-page-header {
    background-color: #e5e7ea;
}
#printshop-page-header .carousel-control-next-icon, #printshop-page-header .carousel-control-prev-icon {
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    background-color: rgba(0,0,0,0.15);
    border-radius: 59px;
    background-size: 50% auto;
}
#contactTypeBtn.selected {
    opacity: 0.45;
}
#contactTypeBtn.selected:hover {
    opacity: 1;
}
.contactpage-dropselect {
    margin-top: 2rem;
    margin-bottom: 3rem;
}
.contactpage-dropselect .dropdown-menu {
    width: 100%;
}
.contactpage-dropselect .dropdown-menu a:hover {
    background: var(--c-dblue);
    cursor: pointer;
    color: #fff;
}
.contactpage-formwrap .wpcf7 {
    margin: 2rem 0 !important;
    
}
.
.contactpage-formwrap .wpcf7 .wpcf7-mail-sent-ok {display: none;}
.contactpage-formwrap  textarea {
    height: 250px;
}
.wpcf7 input[type="submit"], .wpcf7 input:focus[type="submit"], .wpcf7 input.focus[type="submit"], .wpcf7 input:focus[type="submit"] {
    background: #fff;
    border-color: var(--c-primary);
    color: var(--c-primary);
    border-width: 2px;
    font-family: var(--labelfont);
    font-size: 0.8em;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    font-weight: 500;
}
.btn-outline-primary:hover, .wpcf7 input:hover[type="submit"] {
    background-color: var(--c-primary);
    border-color: var(--c-primary);
}
div.wpcf7-response-output {
    border: 0px;
    background: rgba(206,235,209,0.31);
    color: var(--c-success);
    text-align: center;
    padding: 1.5rem 1rem;
    font-size: 1.05rem
}
.wpcf7 .wpcf7-validation-errors {
    color: var(--c-warning);
    border: 0px;
}
.wpcf7-response-output.wpcf7-mail-sent-ok {
    background: var(--c-success);
    padding: 1.75rem 1.25rem;
    border-radius: 0.25rem;
    color: #fff;
    
}
#error-404-wrapper {
    background: #e5f2f9;
    min-height:60vh;
    margin-top: var(--navbar-height);
    display:flex;
    align-content: center;
    justify-content: center;
    flex-direction: column;
}
.notfound-img {
    display:block;
    margin: auto;
    max-width: 350px;
    width: 85%;
}
/** FOOTER STYLES **/    
.footer-demo {
    background-color: #e5f2f9;
}
.footer-demo .container{
    background: url('../img/demo-bg.png') no-repeat center center #e5f2f9;
    background-size: contain;
}
.footer-demo .demo-rocket-img {
    max-width: 250px;
}
#site-footer {
    background: var(--c-dark);
    color: var(--c-lblue);
    font-size: 87%;
}
/** Blog Page **/
.blogbar {
    background: var(--c-dark);
    color: #fff;
    padding: 1rem 0;
    margin-top: var(--navbar-height);
}
.blogbar .backarrow {
    transition: all 0.15s linear;
    margin-right: 0.35em;
     font-size: 190%;
    font-weight: 200;
}
.blogbar:hover .backarrow {
    margin-left: -3px;
}
.blogbar:hover a {
    color: #fff;
}
.blogbar + .subpage-top {
    margin-top: 0;
}
.authorbox {
    min-height: 150px;
    padding-top: 20px;
}
.authorbox .abh_tab_content .abh_text { 
background:#fff;
}
.authorbox .abh_tab_content {
    overflow: visible !important;
}
.authorbox .abh_tab_content .abh_text h4 {
   left: 0 !important;
    margin-top: -1.5em !important;
    border-bottom: 0px !important;
}
/*
.wrapper {
    margin-top: var(--navbar-height);
}*/
#single-wrapper {
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}
#single-wrapper .article-leftside .entry-content {
    line-height: 1.65;
}
#single-wrapper .article-leftside, #single-wrapper .article-rightside {
    padding: 0 1.75rem 2rem;
}
#single-wrapper .article-leftside .site-main {
width: 95%;
    margin-left:auto;
    margin-right:auto;
}
#single-wrapper .article-rightside .sidebarwrap {
    max-width: 400px;
    padding-left: 1.5rem;
    border-left: 1px solid rgba(0,0,0,0.13);
}
#single-wrapper .article-rightside aside {
    margin-bottom: 1.75rem;
}
#single-wrapper .article-rightside .rpwwt-widget img {
    width: 75px;
    height: auto;
}
#single-wrapper .article-rightside .rpwwt-widget ul li {
    margin-bottom: 0.5rem;
    display: flex;
    line-height: 1.29;
}
#single-wrapper .article-rightside .rpwwt-widget ul li a {
    align-items: center;
    display:flex;
}
#single-wrapper .article-rightside .rpwwt-post-title {
    font-weight: 500;
    color: var(--c-dark);    
}
#single-wrapper .article-rightside li:hover .rpwwt-post-title {
    color: var(--c-primary);
}
.widget_categories {
    margin: 0;
    padding: 0;
}
.widget_categories.widget ul {
    margin: 0;
    padding: 0;
}
.widget_categories.widget li {
    display:block;
    padding: 0.35rem;
    font-size: 85%;
    font-weight: 400;
    margin: 0;
}
.widget_categories.widget li + li {
     border-top: 1px solid rgba(0,0,0,0.16);
}

.wpcf7 .wpcf7-not-valid-tip {
    font-size: 90%;
    margin-top: 0.6rem;
}
.footer-mainlinks, #menu-footer-menu {
    display:flex;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
}
.footer-mainlinks li, #menu-footer-menu li {
    display: flex;
    padding: 0;
    margin: 0;
}
.footer-mainlinks li a , #menu-footer-menu li a {
    display:block;
    padding: 0 1em;
}
.footer-mainlinks li:first-of-type a, #menu-footer-menu li:first-of-type a {
    padding-left: 0;
}
.footer-mainlinks li {
 
}
#menu-footer-menu li {
    font-size: 94%;
}
/* .footer-mainlinks li + li , #menu-footer-menu li + li {
    margin-left: 1rem;
}*/

.copyright-info {
    font-size: 95%;
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(255,255,255,0.19);
}