@charset "UTF-8";
/******************************************************/
/******************************************************/
/***interface file that matches application************/
/***new content styles should be done in custom.css****/
/******************************************************/
/******************************************************/
#system-environment { display: none; }
/* --- CSS Reset --- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, a, abbr, acronym, address, code, del, dfn, em, small, img, q, dl, dt, dd, ol, ul, li, fieldset, form, input, button, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0px; padding: 0px; border: 0px; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; scroll-behavior: smooth; }
a { color: #00669A; }
table { border-collapse: collapse; }
em, address, i { font-style: normal; }
ol { list-style-type: decimal; }
ol li { margin-left: 20px; }
html, body {background-color: #FFF;}
/*** TYPOGRAPHY ***/
body { font-family: 'Fira Sans', arial, helvetica, sans-serif; font-size: 14px; line-height: 1.6; color: black; }
h1, h2, h3 { font-family: 'Fira Sans', arial, helvetica, sans-serif; }
h1 { font-weight: 400; }
h2 { font-weight: 400; }
h3 { font-weight: 400; }
.layout-content .news h1 { color: #002d52; }
.layout-content h1 { font-size: 36px; font-size: 2.25rem; line-height: 1.3; margin-bottom: 0.857em; /* 21px */ /*padding-right:265px;*/ }
.layout-content h2 { font-size: 24px; font-size: 1.5rem; line-height: 1.3; margin-bottom: 1.000em; color: #00669A; /* 18px */ }
.layout-content h3 { font-size: 18px; font-size: 1.125rem; line-height: 1.4; margin-bottom: 1.286em; /* 14px */ }
.layout-content h4 { font-weight: bold; }
.layout-content p, .layout-content li, .layout-content dl { margin-bottom: 1em; }
@media (min-width: 768px) { .layout-content h1 {   font-size: 36px;   font-size: 2.25rem;   line-height: 0.750;   line-height: 1.3;   margin-bottom: 0.750em;   /*margin-top: 0.750em;*/ } .layout-content h2 {   font-size: 24px;   font-size: 1.5rem;   line-height: 0.857;   line-height: 1.3;   margin-bottom: 0.857em;   /* 21px */ } .layout-content h3 {   font-size: 18px;   font-size: 1.125rem;   line-height: 1.000;   line-height: 1.4;   margin-bottom: .700em;   /* 18px */ } }
@media (min-width: 1024px) { .layout-content h1 {   font-size: 42px;   font-size: 2.625rem;   line-height: 0.643;   line-height: 1.3;   margin-bottom: 0.643em;   /* 28px */ } .layout-content h2 {   font-size: 32px;   font-size: 2rem;   line-height: 0.750;   line-height: 1.3;   margin-bottom: 0.750em;   /* 24px */ } .layout-content h3 {   font-size: 28px;   font-size: 1.75rem;   line-height: 0.857;   line-height: 1.4;   margin-bottom: 0.57em;   /* 21px */ } }
@media (min-width: 1278px) { .layout-content h1 {   font-size: 48px;   font-size: 3rem;   line-height: 0.500;   line-height: 1.3;   margin-bottom: 0.500em;   /* 36px */ } .layout-content h2 {   font-size: 36px;   font-size: 2.25rem;   line-height: 0.600;   line-height: 1.3;   margin-bottom: 0.600em;   /* 30px */ } .layout-content h3 {   font-size: 24px;   font-size: 1.5rem;   line-height: 0.750;   line-height: 1.4;   margin-bottom: 0.50em;   /* 24px */ } }
.orange-text { color: #f59803; }
/* --- Page Wrappers --- */
#wrap-page {}
/* --- Page Layout --- */
.container-inner { margin-left: auto; margin-right: auto; position: relative; }
@media (min-width: 1024px) { .container-inner {   max-width: 1200px; } }
/*@media (min-width: 1024px) {
.layout-content > .container-inner {   max-width: 980px; } }*/
body.home, body.store, body.page-new { width: auto; line-height: 1.6; font-family: 'Fira Sans', arial, helvetica, sans-serif; }
body.home .layout-content, body.store .layout-content, body.page-new .layout-content { padding: 0; }
body.home .layout-content > .container-inner, body.store .layout-content > .container-inner, body.page-new .layout-content > .container-inner { padding: 0; }
body.home .container-inner, body.store .container-inner, body.page-new .container-inner { max-width: 100%; }
@media (max-width: 760px) { body.home .container-inner, body.store .container-inner, body.page-new .container-inner {   width: auto; } }
@media (min-width: 1024px) { body.home .layout-content, body.store .layout-content, body.page-new .layout-content {   padding-top: 0; } }
@media (min-width: 1251px) { body.home .layout-header .container-inner, body.home .layout-footer .container-inner, body.home .user-info .container-inner, body.store .layout-header .container-inner, body.store .layout-footer .container-inner, body.store .user-info .container-inner, body.page-new .layout-header .container-inner, body.page-new .layout-footer .container-inner, body.page-new .user-info .container-inner {   max-width: 1210px; } }
.layout-header { position: relative; /*height: 130px;*/ z-index: 103; }
.layout-content { padding: 3em 0 20px 0; min-height: 350px; z-index: 20; }
.layout-content:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.layout-content .container-inner h1 { position: relative; }
.layout-footer { /*height: 166px;*/ }
#layout-footnote { height: 115px; padding-top: 19px; }
.main-column { max-width: 800px; }
/* --- Header --- */
.layout-header a { text-decoration: none; }
@media (max-width: 767px) { .layout-header {   padding-top: 10px;   padding-bottom: 10px; } }
@media (min-width: 768px) and (max-width: 1024px) { .layout-header .container-inner {   padding-top: 15px; } }
@media (min-width: 1025px) { .layout-header {   border-bottom: solid 3px #f59803; } .layout-header .container-inner {   padding-top: 20px; } .layout-header:after {   content: "";   display: block;   position: absolute;   bottom: 0;   left: 0;   width: 100%;   height: 87px;   background-color: #00669A; } }
.nav-button { margin: 5px; float: left; width: 30px; height: 17px; padding: 17px 10px; background-color: #f59803; cursor: pointer; position: relative; z-index: 1; }
.nav-button span { background-color: #fff; border-radius: 3px; height: 3px; width: 30px; display: block; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; position: absolute; left: 10px; overflow: hidden; top: 17px; }
.nav-button span:nth-child(2) { top: 24px; }
.nav-button span:nth-child(3) { top: 31px; }
body.menu-open .nav-button span:nth-child(1) { width: 0%; left: 50%; top: 24px; }
body.menu-open .nav-button span:nth-child(2) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 24px; }
body.menu-open .nav-button span:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 24px; }
/* Submenus optional .parent class indicates dropdowns */
/*
body { &.open {   left: 240px; } -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
*/
.branding { /*&:after {   display:block;   position:absolute;   top:100%;   content:"";   width:100%;   height:5px;   @include linear-gradient(#ef9e1d,#ffbc51); }*/ }
@media (max-width: 1024px) { .branding {   float: left; } }
@media (min-width: 1025px) { .branding {   position: absolute;   left: 0;   bottom: -29px;   z-index: 1; } }
.logo { display: inline-block; }
.logo img { display: block; }
@media (max-width: 1024px) { .logo img {   height: 51px; } }
.logo h1 { font-size: 0; height: 0; text-indent: -10000px; }
@media (max-width: 1024px) { .layout-header {   background-color: #00669A; } .layout-header:before, .layout-header:after {   content: " ";   display: table; } .layout-header:after {   clear: both; } .layout-header {   *zoom: 1; } }
@media (max-width: 1024px) {}
@media (min-width: 1025px) { .logo {   height: 125px;   width: 250px;   left: 0; } }
.header-buttons { float: right; }
.header-buttons .button { border-radius: 4px; }
@media (max-width: 767px) { .header-buttons {   width: 110px; } }
.button.header-button { text-align: center; vertical-align: middle; display: inline-block; font-family: arial, helvetica, sans-serif; }
.button.header-button span { display: block; }
@media (max-width: 767px) { .button.header-button {   padding: 0;   font-size: 14px;   height: 28px;   line-height: 28px;   display: block;   width: 100%; } .button.header-button .label-not-phone {   display: none; } .button.header-button:first-child {   margin-bottom: 10px; } }
@media (min-width: 768px) { .button.header-button {   padding: 7px 15px;   font-size: 17px; } .button.header-button:first-child {   margin-right: 10px; } .button.header-button .label-phone {   display: none; } }
.button-request-demo { background-color: #89a500; color: #fff; text-decoration: none; border-radius: 4px; }
.header-secondary-menu li { list-style: none; }
.header-secondary-menu li:last-child { cursor: pointer; }
@media (max-width: 1024px) { .header-secondary-menu {   margin-bottom: 2em;   border: solid 1px rgba(255, 255, 255, 0.5);   padding: .5em 0 20px; } .header-secondary-menu a, .header-secondary-menu li {   display: block;   color: #fff;   font-size: 16px;   font-weight: bold; } .header-secondary-menu li {   padding: 5px 15px; } }
@media (min-width: 1025px) { .header-secondary-menu li {   display: inline-block; } }
@media (max-width: 1024px) { .mobile-menu-wrapper {   padding: 80px 30px;   -webkit-box-sizing: border-box;   -moz-box-sizing: border-box;   box-sizing: border-box;   position: fixed;   left: 0;   top: 0;   width: 100%;   height: 100%;   background: #123d72;   -webkit-transform: translateY(-200%);   -ms-transform: translateY(-200%);   transform: translateY(-200%);   -webkit-transition: all 0.3s;   -moz-transition: all 0.3s;   -ms-transition: all 0.3s;   -o-transition: all 0.3s;   transition: all 0.3s;   overflow-y: scroll; } body.menu-open {   position: fixed;   overflow: hidden; } body.menu-open .mobile-menu-wrapper {   -webkit-transform: translateY(0);   -ms-transform: translateY(0);   transform: translateY(0); } }
.button.buttons > a { color: #fff; }
.button.buttons > a a { color: #fff; }
@media (min-width: 1025px) { .button.buttons > a:hover {   background-color: #5f7200; } .button.buttons > a.button-orange:hover {   background-color: #c37902; } }
#export-ad { position: absolute; left: 360px; top: 12px; display: block; width: auto; color: #f1e133; text-decoration: none; font-weight: bold; font-size: 16px; }
#export-ad:hover { color: #fff; }
#header-new { display: block; position: absolute; left: 400px; top: 5px; width: 327px; height: 64px; background: url(../images/new.png) no-repeat left top; }
#header-tab { position: absolute; top: 74px; width: 960px; height: 70px; background: transparent url(../images/header-tab.png) no-repeat top left; }
#header-guest.button { position: absolute; left: 12px; top: 112px; padding-left: 8px !important; padding-right: 8px !important; }
a:hover#header-guest { text-decoration: underline; }
/* --- Header: Cart and Checkout Links --- */
div#system-environment { background-color: #FEF859; font-weight: bold; text-align: center; }
#header-links a { display: block; position: absolute; right: 0px; text-decoration: none; padding-left: 23px; background: transparent url(../images/header-icons.png) no-repeat 0px 0px; font-weight: bold; }
#header-links a#header-link-cart { background: none; }
#header-links a#header-link-cart:before { font-size: 16px; margin-right: 5px; }
#header-links a small { font-weight: normal; }
#header-links a:hover { text-decoration: underline; }
a#header-link-cart { top: 15px; right: 15px; }
a#header-link-checkout { top: 25px; background-position: 0px -22px; }
/*
.header-start-query { position: absolute; z-index: 100; right: 0px; top:-10px; display: inline-block; color:darken($blue,10%); color:#fff; text-decoration:none; border-radius: 5px; background-color:#ffc465; @include linear-gradient(#ffc465,#e48900); @include linear-gradient(lighten($green,5%), $green);  border:solid 4px #fff;

 &:hover { background:lighten($green,5%); } }
*/
/* --- Header: Login Form --- */
/*
div.cover { position:absolute; z-index: 101; top:0; bottom:0; right:0; left:0;  background-color:#333; background-color:rgba(0,0,0,.8); width:0%; height:0%; line-height:0; @include opacity(0); @include transition(all .3s); }

.login-open .cover { width:100%; height:100%; @include opacity(1); }
*/
div.login-toggle { font-size: 14px; display: inline-block; color: #fff; background-color: #113F73; border-radius: 5px; padding: 0px 30px; margin-right: 130px; height: 28px; line-height: 28px; vertical-align: middle; cursor: pointer; }
div.login-toggle:hover { background-color: #00669A; }
span.input { position: relative; display: inline-block; /*margin-left: 4px;*/ }
.forgot { background-color: transparent; margin-left: 10px; color: #fff; cursor: pointer; vertical-align: middle; font-size: 14px; border: solid 1px #fff; border-radius: 4px; height: 28px; width: 146px; line-height: 1em; padding: 0px 10px; display: block; margin-top: 24px; }
* #header-login input { height: 22px; line-height: 22px; }
#header-login { position: absolute; z-index: 102; top: 55px; right: 200px; -webkit-transform: translateY(-200%); -ms-transform: translateY(-200%); transform: translateY(-200%); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; padding: 30px; background-color: #113F73; background-color: rgba(17, 63, 115, 0.9); border: solid 5px #ddd; -webkit-box-shadow: 0px 0px 20px rgba(17, 63, 115, 0.3); -moz-box-shadow: 0px 0px 20px rgba(17, 63, 115, 0.3); box-shadow: 0px 0px 20px rgba(17, 63, 115, 0.3); }
#header-login button { /*float: left;*/ margin-left: auto; margin-right: auto; }
#header-login label { background: #fff; padding: 0px 5px; height: 24px; line-height: 24px; width: 98px; color: #ccc; }
#header-login input { color: #999; padding: 3px 8px; height: 28px; font-weight: normal; font-size: 14px; vertical-align: middle; width: 200px; position: relative; background: transparent; }
#header-login .buttons { text-align: right; }
#header-login .button { cursor: pointer; display: block; line-height: 1em; height: 28px; font-size: 14px; padding: 0px 0px !important; color: #fff; }
#header-login button[type="submit"] { width: 146px; padding: 8px 0; }
#header-login a.button { height: 22px; line-height: 22px; display: inline-block; }
.login-open #header-login { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.login-inputs { display: inline-block; }
span.input { display: block; margin-bottom: 10px; background-color: #fff; }
@media (min-width: 1025px) { .header-secondary-menu {   float: right;   text-align: right;   margin-right: 1em;   padding-top: 4px; } .header-secondary-menu li {   font-size: 18px;   font-family: arial, helvetica, sans-serif;   border-right: solid 1px #00669A; } .header-secondary-menu li.login-toggle {   font-weight: bold;   color: #00669A;   padding: 3px 12px; } .header-secondary-menu a {   padding: 3px 12px; } }
/************************************************ --- Footer --- */
.layout-footer { color: #333; clear: both; margin-top: 50px; position: relative; border-top: 2px solid #00669A; padding: 30px 0; }
.layout-footer a { color: #333; text-decoration: none; font-weight: 400; }
.layout-footer a:hover { text-decoration: underline; }
.layout-footer .inner { display: flex; justify-content: space-between; }
.footer-col { margin-bottom: 10px; }
.footer-col.solutions { order: 2; width: 23%; }
.footer-col.applications { order: 3; width: 23%; }
.footer-col.associations { order: 1; width: 19%; }
.footer-col.social { order: 4; width: 26%; }
.layout-footer a.btn { color: #FFF; background-color: #00669A; display: block; padding: 12px 18px; border-radius: 30px; transition: 0.5s; font-weight: bold; line-height: 1.1; }
.layout-footer a.btn:hover { background-color: #003E6B; text-decoration: none; }
.footer-col ul li { list-style: none; line-height: 1.2; padding: 5px 0; max-width: 260px; }
.footer-bottom { background-color: #00669A; color: #FFF; padding: 30px 0 20px; font-weight: 400; }
.footer-bottom a { color: #FFF; }
span.copyright, span.phone { display: block; float: left; }
span.phone { clear: left; }
div#social { margin-bottom: 10px; text-align: center; overflow: hidden; padding: 0 0; }
.footer-menu { float: right; }
.footer-menu li { list-style: none; display: inline; padding: 0px 0 0 14px; }
.footer-main-menu { font-weight: bold; margin-bottom: 1em; }
#footer-tos { font-style: italic; padding: 0; margin: 0 auto; clear: both; }
#footer-tos span { display: block; margin: 5px 0px; }
#footer-tos a { text-decoration: underline; }
.footer-main-menu li { display: inline-block; padding: 0 8px 0 4px; border-right: solid 1px #fff; line-height: 1; }
.footer-main-menu li:first-child { padding-left: 0; }
.footer-main-menu li:last-child { padding-right: 0; border-right: none; }
.icsc { display: block; width: 87px; height: 129px; }
.footer-bot-left {float: left;}
.footer-bot-right {float: right;}
.footer-nav li { list-style: none; line-height: 1.7; font-size: 17px; font-weight: 300; }
.footer-nav-title { line-height: 1.7; font-weight: bold; }
@media (max-width: 1024px) { .icsc {  margin: 0 auto 2em auto; }.footer-bot-left {float: none;} .footer-bot-right {float: none;} .footer-bottom .inner { padding-left: 30px; padding-right: 30px; } .layout-footer .inner {   flex-wrap: wrap; padding-left: 30px;   padding-right: 30px; } .footer-col { width: 48%; } .footer-col.solutions { order: 1;width: 48%; } .footer-col.applications { order: 2;width: 48%; } .footer-col.associations {order: 3;width: 48%; } .footer-col.social {order: 4;width: 48%; } .footer-col ul li { max-width: 600px} }
@media (max-width: 580px) { .layout-footer .inner {display: block; } .footer-col, .footer-col.solutions, .footer-col.applications, .footer-col.associations, .footer-col.social { width: auto;   text-align: center; } }
@media (max-width: 480px) { .footer-nav { margin: 2em auto; } .footer-nav-title { font-size: 18px; } }
@media (min-width: 481px) and (max-width: 1024px) { .footer-nav-title { font-size: 18px; } }
@media (min-width: 1025px) { .footer-nav-title {font-size: 18px; } }
.layout-footer .footer-nav a { color: #777; }
/* --- Breadcrumbs --- */
div.breadcrumbs { margin: 0 0 10px; font-size: 10px; }
div.tab-headers div { display: inline-block; float: left; cursor: pointer; height: 27px; margin-right: 2px; border-radius: 5px 5px 0px 0px; background: #007cba; /* Old browsers */ background: -moz-linear-gradient(top, #007cba 0%, #005f8e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #007cba), color-stop(100%, #005f8e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #007cba 0%, #005f8e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #007cba 0%, #005f8e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #007cba 0%, #005f8e 100%); /* IE10+ */ background: linear-gradient(to bottom, #007cba 0%, #005f8e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007cba', endColorstr='#005f8e', GradientType=0); /* IE6-9 */ }
div.tab-headers div:hover { background: #009ee8; /* Old browsers */ background: -moz-linear-gradient(top, #009ee8 0%, #0074aa 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009ee8), color-stop(100%, #0074aa)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #009ee8 0%, #0074aa 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #009ee8 0%, #0074aa 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #009ee8 0%, #0074aa 100%); /* IE10+ */ background: linear-gradient(to bottom, #009ee8 0%, #0074aa 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009ee8', endColorstr='#0074aa', GradientType=0); /* IE6-9 */ }
div.tab-headers div i { display: inline-block; font-size: 14px; height: 23px; padding: 4px 12px 0px 9px; color: white; }
div.tab-headers div.active { background: #ece9e1; background: #d6d3cd; /* Old browsers */ background: -moz-linear-gradient(top, #d6d3cd 0%, #ece9e1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d6d3cd), color-stop(100%, #ece9e1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d6d3cd 0%, #ece9e1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d6d3cd 0%, #ece9e1 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d6d3cd 0%, #ece9e1 100%); /* IE10+ */ background: linear-gradient(to bottom, #d6d3cd 0%, #ece9e1 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6d3cd', endColorstr='#ece9e1', GradientType=0); /* IE6-9 */ cursor: default; /*border: solid 1px #bbb;   border-bottom:none;   margin-bottom:-1px;*/ }
div.tab-headers div.active i { color: #103f74; margin-bottom: -1px; position: relative; z-index: 1; }
div.tab-panels { padding: 12px; background: #ece9e1; /*border: solid 1px #bbb;*/ }
/* --- Flash Messages --- */
/* --- Tab Headers --- */
/* --- Tab Panels --- */
body { /*overflow-x: hidden;*/ position: relative; left: 0; }
span.curlyquote { color: #103f74; font-size: 30px; vertical-align: middle; padding: 0px 6px; }
/* --- Testimonials --- */
.intro { width: 720px; margin-bottom: 24px; }
div#testimonial-header { overflow: hidden; margin-bottom: 24px; }
div#testimonial-header h2 { position: relative; top: 12px; color: #999; }
h3 { font-size: 18px; }
/* --- Common Typography --- */
.page-title { font-size: 32px; font-weight: bold; margin: 24px 0 12px 0; }
ul.bulleted { margin-left: 20px !important; }
ul.bulleted li { list-style-type: disc !important; }
small.footnote { display: block; margin-top: 10px; color: #888; font-size: 11px; }
/* --- Data Tables --- */
table.data td.odd { text-align: right; font-weight: bold; width: 50%; }
/* --- Borderless table --- */
div.table-body table.borderless, table.borderless td { border: 0 !important; }
/* --- WYSIWYG Area --- */
.wysiwyg { border: solid 1px black; width: 750px; height: 250px; background: white; }
/* --- Area Maps --- */
#areamaps div.column { float: left; height: 520px; }
#areamaps div.box { border: solid 1px #aaa; padding: 8px; }
#areamaps div.left { width: 175px; }
#areamaps #map-list { overflow-y: scroll; height: 262px; }
#areamaps #map-malls { overflow-y: scroll; height: 232px; margin-top: 8px; }
#areamaps div.right { width: 716px; margin-left: 20px; }
#areamaps #map-area { position: relative; overflow: hidden; height: 520px; }
#areamaps #map-area a.print { position: absolute; right: 6px; top: 6px; }
#areamaps div.map { text-align: left; }
#areamaps a { text-decoration: none; color: #0060d0; }
#areamaps a.active { font-weight: bold; color: #0000ff; }
#areamaps a:hover { text-decoration: underline; }
#areamaps div.index { display: inline; float: right; color: #888; }
/* --- iViewer (Area Maps and Site Plans) --- */
.iviewer_button { position: absolute; width: 20px; height: 20px; background-position: 3px 3px; background-repeat: no-repeat; cursor: pointer; background-color: white; border: solid 1px #a0a0a0; }
.iviewer_cursor { cursor: move; }
.iviewer_zoom_in { left: 7px; top: 20px; background-image: url(../images/zoom-in.png); }
.iviewer_zoom_out { left: 30px; top: 20px; background-image: url(../images/zoom-out.png); }
.iviewer_zoom_status { position: absolute; left: 7px; top: 2px; font-weight: bold; }
.iviewer_zoom_zero, .iviewer_zoom_fit { display: none; }
/* --- FAQ --- */
#faq ul { list-style-type: disc; text-align: justify; margin: 1em 0; }
#faq li { padding: 2px; margin-left: 22px; }
#faq .FAQQuestion { font-weight: bold; color: black; }
#faq .ToTop { color: #D35602; }
#faq .ToTop a { text-decoration: none; color: #dc7b3a; }
#faq td, #faq th { padding: 3px; border: solid 1px #808080; }
#faq .divMoreInfo { background-color: #FCFAC5; border: 1px solid #FDEB95; position: relative; z-index: 100; display: none; }
#faq .TermDef { border-bottom: dotted 1px #89a500; }
/* FAQ typography: */
#faq-index { padding-bottom: 40px; }
#faq-index ul { list-style-type: none; }
#faq-index h3 { margin-top: 20px; border-top: dotted 1px #aaa; padding-top: 20px; }
.faq-question { cursor: pointer; color: #777; font-weight: bold; }
.faq-answer { padding-left: 20px; margin: 10px 0; display: none; }
/* search box: */
.faq-form { overflow: hidden; padding-bottom: 8px; }
.faq-search { display: inline-block; padding-right: 20px; height: 16px; background: url(../images/preview.png) no-repeat top right; }
#faq-terms { width: 180px; border: solid 1px #ccc; padding: 1px 4px; font-size: 12px; }
/* arrows: */
#faq-index .arrow { display: inline-block; width: 16px; height: 9px; background: url(../images/faq-arrows.png) no-repeat top left; }
#faq-index li.active .arrow { background-position: 0px -14px; }
#faq-index li.found .arrow { background-position: -16px 0px; }
#faq-index li.active.found .arrow { background-position: -16px -14px; }
/* --- FAQ --- */
/* list style: */
#faq-admin ul { list-style-type: disc; list-style-position: inside; }
#faq-admin li > span { color: #777; cursor: n-resize; }
#faq-admin li > span:hover { color: #000; }
#faq-admin ul.faqs { margin-left: 20px; min-height: 10px; }
#faq-admin li.category { font-weight: bold; }
#faq-admin li.faq { font-weight: normal; }
#faq-admin a.btn { font-size: 9px; font-family: Verdana, Helvetica; font-weight: bold; text-decoration: none; padding: 1px 4px; background: #eee; border: solid 1px #668; border-radius: 2px; margin-right: 4px; }
#faq-admin a.btn:hover { background: #ddf; border-color: #008; }
#faq-admin .buttons { display: none; margin-left: 10px; }
#faq-admin li:hover > .buttons { display: inline; }
#faq-admin .ui-sortable-helper .buttons, #faq-admin .ui-sortable-helper ul { display: none !important; }
/* activation: */
.faq-question:hover { color: #000; }
.faq-question.found { color: #F3980F; }
/* --- Layout Tables --- */
table.layout, tr.layout, td.layout, tbody.layout, thead.layout { padding: 0px !important; margin: 0px !important; border: 0px !important; background: transparent !important; }
/* --- GKey --- */
#GKey_label, #GKey_value { width: 500px; }
/* --- Yii Forms --- */
div.yiiForm input, div.yiiForm textarea, div.yiiForm select { margin: 0.2em 0 0.5em 0; }
div.yiiForm input, div.yiiForm textarea { border: solid 1px #888; }
div.yiiForm fieldset { border: 1px solid #DDD; padding: 10px; margin: 0 0 10px 0; -moz-border-radius: 7px; border-radius: 7px; }
div.yiiForm label { font-weight: bold; font-size: 0.9em; display: block; }
div.yiiForm .row { margin: 5px 0; }
div.yiiForm .hint { margin: 0; padding: 0; color: #999; }
div.yiiForm .note { font-style: italic; }
div.yiiForm span.required { color: red; }
div.yiiForm div.error label, div.yiiForm label.error, div.yiiForm span.error { color: #C00; }
div.yiiForm div.error input, div.yiiForm div.error textarea, div.yiiForm div.error select { background: #FEE; border-color: #C00; }
div.yiiForm input.error, div.yiiForm textarea.error, div.yiiForm select.error { background: #FEE; border-color: #C00; }
div.yiiForm div.success input, div.yiiForm div.success textarea, div.yiiForm div.success select { background: #E6EFC2; border-color: #C6D880; }
div.yiiForm input.success, div.yiiForm textarea.success, div.yiiForm select.success { background: #E6EFC2; border-color: #C6D880; }
div.yiiForm .errorSummary { border: 2px solid #C00; padding: 7px 7px 12px 7px; margin: 0 0 20px 0; background: #FEE; font-size: 0.9em; }
div.yiiForm .errorMessage { color: red; font-size: 0.9em; }
div.yiiForm .errorSummary p { margin: 0; padding: 5px; }
div.yiiForm .errorSummary ul { margin: 0; padding: 0 0 0 20px; }
div.wide.yiiForm label { float: left; margin-right: 10px; position: relative; text-align: right; width: 100px; }
div.wide.yiiForm .row { clear: left; }
div.wide.yiiForm .buttons, div.wide.yiiForm .hint, div.wide.yiiForm .errorMessage { clear: left; padding-left: 110px; }
/* --- ToolTips --- */
a.coverage-warning { float: right; position: relative; text-decoration: none; display: block; background: transparent url(../images/warning.png) no-repeat top left; width: 16px; height: 16px; }
a.help-popup { float: right; position: relative; text-decoration: none; display: block; background: transparent url(../images/help.png) no-repeat top left; width: 16px; height: 16px; }
#tooltip { border: dotted 1px #d0fa00; background: #89a500; color: white; width: 150px; font-size: 11px; padding: 5px 10px; position: absolute; display: none; }
/* --- Welcome Notice --- */
#GModalNotice-welcome, #GModalNotice-downtime { background: #ece9e1; border: solid 8px #B5B2AD; padding: 16px; width: 375px; }
#GModalNotice-welcome h2, #GModalNotice-downtime h2 { text-align: right; }
/* --- Downtime Notice --- */
/* --- General Notice --- */
.g-modal-notice { background: #ece9e1; border: solid 8px #00669a; padding: 16px; width: 375px; }
.g-modal-notice h2 { text-align: right; }
.g-modal-notice em { font-style: italic; }
/* --- Browser Warning --- */
body #buorg { position: static; }
/* --- Export Form --- */
#export-form div.column { width: 475px; margin-right: 15px; float: left; }
#export-form div.col-left { width: 230px; margin-right: 6px; float: left; }
#export-form div.col-right { width: 230px; float: left; }
#export-form label { display: block; cursor: pointer; }
#export-form label.select { line-height: 18px; font-size: 11px; }
#export-form label.select-all { line-height: 24px; font-size: 14px; font-weight: bold; border-bottom: dotted 1px #c0c0c0; margin-bottom: 4px; }
#export-form input { vertical-align: -12%; width: 28px; }
#export-form div.group { background: #e0e0e0; border: solid 1px #c0c0c0; margin-top: 15px; padding: 2px; }
#export-form button.submit { font-size: 18px; font-weight: bold; }
#export-form button.bottom { margin-top: 15px; float: left; }
#export-form div.profiles { padding: 4px 8px; border: 1px dotted #B0B0B0; background: #E0E0E0; margin-top: 15px; }
#export-form input.profile-name { margin-right: 15px; width: 200px; border: solid 1px black; padding: 1px 2px; }
#export-form div.profiles select { margin-right: 15px; }
#export-form #profile_id { width: 200px; }
#export-form div.top-right { margin-top: -8px; float: right; }
#export-form div.top-right div.exit { float: right; }
/* --- Product Help Notice --- */
#GFooterNotice-product-help { display: none !important; background: rgba(137, 165, 0, 0.9); color: white; padding: 4px 0px; text-align: center; font-size: 15px; font-weight: bold; position: fixed; bottom: 0px; left: 0px; cursor: default; width: 100%; z-index: 999999; }
#GFooterNotice-product-help h1 { font-size: 22px; }
#GFooterNotice-product-help h3 { font-size: 18px; font-size: 1.125rem; margin-bottom: 0 !important; padding-top: 5px; line-height: 1 !important; }
#GFooterNotice-product-help h3:after { height: 18px; width: 32px; display: inline-block; color: #fff; font-size: 16px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); content: "\232A"; }
#GFooterNotice-product-help a { color: white; }
#GFooterNotice-product-help a.close { color: white; text-decoration: none; font-size: 18px; margin: 5px 5px 0 0; display: inline-block; }
#GFooterNotice-product-help div.close-container { float: right; width: 3%; }
#GFooterNotice-product-help div.content-container { float: left; width: 97%; }
.addthis_toolbox { clear: both; }
.GLightbox { border: solid 4px #000000; border-radius: 4px; }
.lightbox-close { background: #000 url(../images/lightbox-close.png) no-repeat top left; width: 16px; height: 16px; border: solid 8px #000; border-radius: 8px; position: absolute; right: 0px; top: -34px; cursor: pointer; }
/* button style: */
/* control visibility of buttons: */
/**** FAVORITES ****/
.favorite-icon { width: 14px; height: 14px; display: inline-block; background-image: url(../images/favorite.png); background-repeat: no-repeat; background-position: -14px 0; vertical-align: -15%; }
.favorite-icon[data-url] { cursor: pointer; }
.favorite-icon.active { background-position: 0 0; }
/********* VIEW PRICING LINK ***/
a.view-pricing { text-decoration: none; display: block; margin: 20px auto; text-align: center; width: 336px; border-radius: 4px; background-color: #F49A10; color: #fff; padding: 20px 12px; }
a.view-pricing span { height: 26px; line-height: 26px; font-size: 32px; display: inline-block; background: url(../images/arrow-down-white.png) no-repeat right center; padding-right: 50px; }
a.view-pricing:hover { background-color: #00669a; }
/*************/
/***************************** MEDIA QUERIES ******************/
/*************/
/***** MAKE PHONE LOOK LIKE DESKTOP ****/
@media (max-width: 760px) { .trial-points {   top: 60px;   bottom: auto;   width: 58%;   height: 50%; } .container-inner {   padding: 0px 15px; } div#social {   /*padding:5px 10px 0 889px;   width:100%;*/   padding: 4px 20px 0 20px;   margin-bottom: 10px;   overflow: hidden; } span.copyright {   font-weight: 300;   margin-top: 1em; } }
ul.yiiPager a:link, ul.yiiPager a:visited { color: #fff; }
ul.yiiPager a:hover { border-color: #fff; }
ul.yiiPager .page a { border: none; color: #fff; }
ul.yiiPager .hidden a { border: none; color: #aaa; }
.reports { clear: both; padding-bottom: 60px; overflow: hidden; }
.reports img { display: block; width: 100px; height: 60px; }
.reports .caption { /*@include opacity(0);*/ width: 100px; /*@include transition(opacity .3s ease-in);*/ z-index: 1; /*top:110%; left:0;*/ background-color: #f59803; background-color: rgba(245, 152, 3, 0.8); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 0; position: absolute; left: 3px; right: 3px; bottom: 3px; padding: 0; overflow: hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.reports .caption span { font-size: 11px; width: 80px; line-height: 1.1; text-align: center; color: #222; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.reports a { position: relative; display: inline-block; float: left; width: 100px; height: 60px; margin-right: 5px; margin-bottom: 20px; border: solid 1px #ccc; padding: 3px; background-color: #fff; overflow: hidden; }
.reports a:hover .caption { height: 60px; padding: 10px; }
.reports a:hover .caption { /*height: auto;*/ display: block; font-size: 12px; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; /*@include opacity(1); */ }
/********************* TABLET PORTRAIT ******************************************/
@media (min-width: 750px) { body {   width: auto; } }
@media (min-width: 768px) and (max-width: 1024px) { #search-details #contacts, #search-details div.table-body td {   font-size: 105%; } }
@media (min-width: 768px) { div.header-primary {   position: relative; } }
/********************* TABLET LANDSCAPE and DESKTOP SMALL ************************/
@media (min-width: 769px) { body {   overflow-x: visible; } }
@media (max-width: 1023px) { .container-inner {   padding-left: 15px;   padding-right: 15px; } .layout-footer > .container-inner {   padding-top: 2em; } }
@media (min-width: 1024px) and (max-width: 1251px) { .branding {   left: 20px; } .layout-header .container-inner, .layout-footer .container-inner, .user-info .container-inner {   padding-left: 20px;   padding-right: 20px; } }
@media (min-width: 1024px) { /*div.header-secondary div.container-inner { padding-right:220px; }*/ .layout-content {   padding-top: 3em; } #search {   width: auto; } #search div#social {   background: #89a500;   height: 27px;   padding: 4px 20px 0 20px;   margin-bottom: 10px;   text-align: right;   overflow: hidden; } #search span.copyright {   margin-right: 100px; } #search div.product div.thumbnail {   width: 430px;   margin-right: 20px;   text-align: center; } #search div.product-detail div.product div.details {   float: right;   width: 46%;   padding: 2%; } #search div.details {   padding: 10px 10px 40px 10px; } #search div.assistance {   background: #ECE9E2 url(../images/phone.png) no-repeat 10px 10px;   padding: 10px 10px 10px 60px; } #search span.copyright, #search span.phone {   display: inline; } #search div.product-list {   overflow: hidden;   position: relative;   left: -.5%;   right: -1%;   width: 102%; } #search div.store div.product {   margin: 0 0.5% 10px 0.5% !important;   background: none;   border-radius: 5px;   float: left;   width: 32%;   padding: 0px; } #search div.store div.product:nth-child(even), #search div.store div.product:nth-child(odd) {   margin: 0px; } #search div.tabs li {   width: auto;   border-bottom: none;   height: auto; } #search div.tabs li a {   height: auto;   padding: 6px 10px;   font-size: 13px; } #search div.link-target {   /*-webkit-transform: translateZ( 0 );     transform: translateZ( 0 );     -webkit-transition: -webkit-transform 0.6s ease-in-out;     transition: transform 0.6s ease-in-out;     -webkit-backface-visibility: hidden;     backface-visibility: hidden;*/ } }
@media (min-width: 1025px) { .clickable {   cursor: pointer; } }
@media (min-width: 1025px) { .nav-button {   display: none; } a#header-link-cart {   right: 0px; } }
@media (min-width: 1200px) { .main-column {   margin-left: 100px; } .layout-content > iframe {   margin-left: 100px; } }
@media (min-width: 1024px) and (max-width: 1259px) { .container-inner {   max-width: 95%; } }
@media (min-width: 1260px) { /*div.header-secondary div.container-inner { padding-right:390px; }*/ #search {   width: 1200px; } .layout-header .container-inner, .layout-footer .container-inner {   width: 1200px; } }
ul.bullets { padding-left: 1em; }
.icon-warning { display: inline-block; float: left; width: 16px; height: 20px; background: url(../images/icon-error.png) no-repeat center center; }
.presence .icon-warning { margin-right: .5em; }
.presence:hover { cursor: pointer; }
.presence:hover .days-left-warning-popover { -khtml-opacity: 1; -moz-opacity: 1; filter: alpha(opacity=50); /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$amount)";*/ opacity: 1; }
.days-left-warning-popover { -khtml-opacity: 0; -moz-opacity: 0; filter: alpha(opacity=50); /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$amount)";*/ opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; position: absolute; left: 0; top: 36px; z-index: 110; text-align: center; }
.days-left-warning-popover .flash-warning { border: solid 1px #fff; -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); }
.days-left-warning-popover:before, .days-left-warning-popover:after { height: 0; width: 0; content: ""; border: 0 solid transparent; border-right-width: 10px; border-left-width: 10px; border-bottom: 11px solid #d64d32; position: absolute; bottom: 100%; margin-left: auto; margin-right: auto; }
.days-left-warning-popover:before { z-index: 2; margin-bottom: -1px; }
.days-left-warning-popover:after { z-index: 1; border-bottom-color: #fff; }
@media (min-width: 768px) { .days-left-warning-popover {   -webkit-transform: translateX(-50%);   -ms-transform: translateX(-50%);   transform: translateX(-50%);   width: 300px; } .days-left-warning-popover .flash-warning {   font-size: 14px; } }
/**** MAIN MENU *****/
#header-nav { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
#header-nav { list-style: none; }
#header-nav a.nolink, #header-nav a.nolink:hover { cursor: default; }
#header-nav ul { list-style: none; }
#header-nav a { text-decoration: none; display: block; font-size: 16px; color: #fff; }
#header-nav li ul a { font-size: 14px; }
@media (max-width: 1024px) { .menu-open #header-nav > li {   display: block; } #header-nav li.parent > a:after {   content: "?";   color: rgba(255, 255, 255, 0.5);   float: right; } #header-nav li.parent > a:hover {   background: rgba(0, 0, 0, 0.75); } #header-nav ul {   display: block !important;   width: 100% !important;   border-top: 0 none;   padding: 0; } #header-nav li ul a {   border: 0 none;   font-size: 12px;   padding: 7px 30px;   font-weight: normal; } #header-nav li:hover ul {   display: block;   border-top: 0 none; } #header-nav > li > a {   font-weight: bold;   padding: 7px 0; } /* --- Drop-down Menu --- */ }
@media (min-width: 1025px) { .layout-header .container-inner {   height: 167px;   -webkit-box-sizing: border-box;   -moz-box-sizing: border-box;   box-sizing: border-box; } #header-nav {   float: right;   clear: both;   width: auto;   height: auto;   max-height: auto;   overflow: visible;   background: none;   margin-top: 50px; } #header-nav:before, #header-nav:after {   content: " ";   display: table; } #header-nav:after {   clear: both; } #header-nav {   *zoom: 1; } #header-nav > li {   /*margin-right: 24px;*/   border-right: solid 1px #fff; } #header-nav > li:last-child {   border: none; } #header-nav > li > a {   padding: 5px 18px 5px 16px; } #header-nav > li > a:hover {   color: #f59803;   cursor: pointer; } #header-nav > li.dropdown, #header-nav > ul.sub-menu li {   margin-right: 10px; } #header-nav > li > ul > li {   max-height: 0;   overflow: hidden;   background: #f59803;   -webkit-transition: all 0.3s;   -moz-transition: all 0.3s;   -ms-transition: all 0.3s;   -o-transition: all 0.3s;   transition: all 0.3s; } #header-nav > li > ul > li a {   padding: 8px 15px; } #header-nav > li:hover > ul > li {   max-height: 100px; } #header-nav li {   display: inline-block;   position: relative;   z-index: 101; } #header-nav li a {   text-decoration: none;   color: white;   display: inline-block;   font-weight: bold;   font-size: 14px;   font-family: arial, helvetica, sans-serif; } #header-nav a:hover {   text-decoration: none; } #header-nav ul {   position: absolute;   left: 0px;   top: 35px;   width: 280px !important;   margin: 0px; } #header-nav li:nth-child(1) ul {   width: 200px !important; } #header-nav li.dropdown li a, #header-nav ul.sub-menu li a {   font-size: 13px; } #header-nav li.dropdown li a:hover, #header-nav ul.sub-menu li a:hover {   background-color: #89a500;   text-decoration: none !important;   display: block; } #header-nav li li {   display: block;   width: auto;   float: none; } #header-nav li.dropdown li a, #header-nav ul.sub-menu li a {   width: auto;   background: none; } #header-nav li.dropdown li a:hover, #header-nav ul.sub-menu li a:hover {   text-decoration: underline; } }
@media (min-width: 1260px) { #header-nav {   margin-top: 50px; } #header-nav > li {   /*margin-right: 36px;*/ } #header-nav > li > a {   padding: 5px 18px 5px 16px; } #header-nav > li a {   font-size: 16px; } }
/*
@media (min-width: 1024px) { #footer-nav { width: 900px; margin:3em auto 3em auto; display:block; @include clearfix;   li {list-style-type: none;     &.dropdown ul {width:auto!important;}   }   a, span {display:block;}   > li { float:left; margin-left:75px; max-width:224px;     &:first-child {margin-left:0;}     > a, > span { @include font-size(18);  margin-bottom:.5em; }     li a, li span {line-height: 1.3; padding:5px 0;}   } } }*/
/*** ADMIN ***/
/* ---------------------------- Admin styles ------------------------------- */
.presence { color: #ffffff; color: #444; font-size: 12px; position: relative; }
.presence .name { font-weight: bold; }
.presence a { text-decoration: none; }
.presence button { vertical-align: middle; margin-left: 10px; padding: 6px 10px !important; margin-top: -4px; }
@media (min-width: 768px) { .presence {   float: right; } }
.user-info { background-color: #f59803; padding-top: 10px; padding-bottom: 10px; }
.user-info:before, .user-info:after { content: " "; display: table; }
.user-info:after { clear: both; }
.user-info { *zoom: 1; }
@media (max-width: 1025x) { .user-links a:hover {   color: #f59803; } }
@media (min-width: 1100px) { ul#user-links a:hover {   color: #89a500; } }
.user-links { overflow: hidden; }
.user-links li { float: left; list-style: none; }
.user-links li:first-child a { padding-left: 0; }
.user-links a { text-decoration: none; padding: 3px 10px; color: #fff; }
@media (max-width: 767px) { .user-links {   margin-top: 1em; } }
@media (min-width: 768px) { .user-links {   float: left; } }
@media (max-width: 1024px) { .user-info {   -webkit-transition: all 0.3s;   -moz-transition: all 0.3s;   -ms-transition: all 0.3s;   -o-transition: all 0.3s;   transition: all 0.3s; } .menu-open .user-info {   transform: translateY(-100%);   position: absolute; } }
@media (min-width: 1100px) { .user-links a {   font-size: 16px; } }
.panel { background: none repeat scroll 0 0 #D6D9CC; border: 1px solid #888888; overflow: hidden; padding: 0 8px 8px; position: relative; width: auto; }
body.admin .breadcrumbs { padding: 10px 0; font-size: 10px; }
body.admin #layout-content { min-height: 600px; }
.disabled { opacity: 0.5; filter: alpha(opacity=50); }
a.print { display: block; border: solid 1px #888; background: white url(../images/print.png) no-repeat 4px 4px; padding: 2px 4px 0px 20px; height: 22px; font-size: 12px; font-weight: bold; width: auto; }
/* DASHBOARD */
div#dashboard h2 { font-weight: bold; font-size: 14px; }
div#dashboard ul { margin: 0 0 20px; }
div#dashboard li { list-style: none; font-weight: bold; }
div#dashboard table { width: 100%; margin: 20px 0; }
div#dashboard table h3 { margin: 10px 0 10px 5px; }
div#dashboard table td { padding: 0 20px 0 10px; border: solid 1px #ccc; }
div#dashboard table li { margin-bottom: 5px; }
.dashboard-list li { margin-bottom: 6px; }
div#dashboard li p { font-weight: normal; line-height: 1.5; }
div.welcome-content { clear: both; }
div#dashboard div.welcome-content ul { margin-left: 0px !important; }
div.welcome-content li { font-size: 14px; margin-bottom: 10px; }
ul.welcome-list { padding: 20px 20px 20px 50px; background: #ece9e1; border-radius: 5px; }
div.welcome-content > p { margin-bottom: 10px; }
a.welcome-search-button { text-decoration: none; font-size: 18px; padding: 6px 12px; border-radius: 5px; color: #fff; display: inline-block; }
a.button-purchase { text-decoration: none; font-size: 18px; border-radius: 5px; color: #fff; display: inline-block; background-image: url(../images/arrow-double-white.png); background-repeat: no-repeat; background-position: right center; margin-top: 10px; padding: 6px 40px 6px 12px; }
div.welcome-purchase { font-size: 18px; margin-top: 20px; }
p.welcome-note { font-style: italic; font-size: 12px; }
@media (min-width: 768px) { div#dashboard h2 {   font-size: 18px;   margin-bottom: .5em; } .dashboard-list {   overflow: hidden; } .dashboard-list li {   float: left;   width: 50%; } }
@media (min-width: 1024px) { div#dashboard h2 {   font-size: 24px; } .dashboard-list li {   float: left;   width: 25%; } }
/* MASS MAIL */
#massmail-form { padding: 20px; }
#massmail-form div.row { padding-bottom: 10px; }
#massmail-form textarea { height: 320px !important; width: 96% !important; }
.text label { display: block; }
.textarea label { display: block; }
.textarea textarea { width: 490px; }
#massmail-form .wysiwyg { width: 500px; }
#massmail-form #MassMailForm_body { width: 490px; }
#massmail-form .hidden { display: none; }
#massmail-form div.buttons input { background: #89a500; color: #fff; padding: 5px 12px; }
#massmail-form #htmlPreview { width: 600px; height: 300px; background: white; padding: 10px; margin: 20px; border: solid 1px black; }
#massmail-form .jHtmlArea { width: 96% !important; }
#massmail-form .wysiwyg { width: 100% !important; height: 300px !important; }
@media (min-width: 980px) { /*#massmail-form div.row { width:50%; float:left;}*/ div.section-one {   width: 50%;   margin-top: 20px; } div.section-two {   margin-top: 20px;   overflow: hidden; } div.textarea {   float: left;   width: 50%; } }
/* ATTACHMENTS (see DMMImageAttachmentHelper.php) */
.GAttachmentHelper .hide { display: none; }
.GAttachmentHelper th { font-weight: bold; }
.GAttachmentHelper a.delete::before { content: '[x]'; }
.GAttachmentHelper td { border: solid 1px #ccc; padding: 4px 8px; }
.GAttachmentHelper .thumbnail-legend { font-style: italic; padding: 10px; }
img { max-width: 100%; }
/* --- Home Page : Search Drop-downs --- */
h3.home-search-hover { color: #00477f; }
/* --- Home Page --- */
div#home-sites { margin: 0px auto 18px auto; width: 912px; overflow: hidden; }
div#home-sites div.site { float: left; height: 296px; background: url(../images/home-sites-bg.png) no-repeat left top; margin-right: 24px; padding: 12px 0 12px 18px; width: 426px; }
div.site h2 { height: 142px; width: 408px; }
div.site h2 span { text-indent: -3000px; display: block; }
div#home-sites div#shoppingcenters { margin: 0px; }
div#DMM h2 { background: #00477f url(../images/DMM-logo.png) no-repeat 80px 20px; }
div#shoppingcenters h2 { background: #00477f url(../images/digest-logo.png) no-repeat 50px 30px; }
div.site h3 { color: #103f74; font-size: 17px; font-weight: bold; margin-top: 10px; margin-bottom: 20px; text-align: center; }
div.site p { font-size: 13px; line-height: 20px; margin-top: 15px; margin-right: 15px; }
div.products { overflow: hidden; margin: 12px 0px; }
div.products a { display: block; float: left; width: 128px; padding: 12px 0px; text-align: center; text-decoration: none; margin-right: 12px; }
div.products a:hover { background: url(../images/product-hover-bg.png) no-repeat left top; }
div.products a:hover span { color: #ee9601; }
div.products span { display: block; font-weight: bold; color: #103f74; }
div#stats { background: url(../images/stats-image.jpg) no-repeat 0px 44px; width: 300px; padding: 12px 0 0 0; height: 220px; float: right; }
div#stats dl { margin-left: 118px; clear: both; margin-bottom: 3px; overflow: hidden; }
div#stats dt { font-size: 22px; line-height: 24px; font-weight: bold; color: #103f74; }
div#stats dd { font-size: 14px; line-height: 19px; font-weight: bold; color: #888; margin-bottom: 6px; }
.callout { background-color: #eee; padding: 1em 20px; font-weight: 500; }
@media (max-width: 480px) { .callout {   font-size: 18px; } }
@media (min-width: 481px) { .callout {   font-size: 24px; } }
.home-info div, .home-feeds div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.layout-content .green-arrows { /*UPDATE BY AIMG*/ /*added outer div to stop overriding*/ padding-left: 0; margin-left: 0; }
.layout-content .green-arrows li { list-style: none; color: #00669A; margin-bottom: 10px; padding-left: 20px; position: relative; line-height: 1.3; }
.layout-content .green-arrows li:before { position: absolute; left: 0; top: 0; content: "\e800"; font-family: "fontello"; color: #89a500; display: inline-block; }
@media (max-width: 767px) { .layout-content .green-arrows li {   font-size: 12px; } .layout-content .green-arrows li:before {   margin-right: 4px;   width: 18px;   height: 16px;   background-size: 18px 16px; } }
@media (min-width: 768px) and (max-width: 1023px) { .layout-content .green-arrows li {   font-size: 16px;   padding-left: 30px; } .layout-content .green-arrows li:before {   margin-right: 5px;   width: 28px;   height: 25px;   background-size: 28px 25px; } }
@media (min-width: 1025px) { .layout-content .green-arrows li {   font-size: 18px;   padding-left: 40px; } .layout-content .green-arrows li:before {   margin-right: 8px;   width: 32px;   height: 29px;   background-size: 32px 29px; } }
.home-top { background: url(../images/dmm-hero.jpg) no-repeat center top; background-size: 100% 100%; }
.home-top-text-heading { line-height: 1.2; }
@media (max-width: 480px) { .home-top-text-heading {   font-size: 18px;   text-align: center;   margin-bottom: .75em; } }
@media (min-width: 481px) { .home-top-text-heading {   font-size: 24px;   margin-bottom: .75em; } }
@media (max-width: 1024px) { .home-top-text-heading {   text-align: center; } }
.home-top-overlay { background-color: rgba(255, 255, 255, 0.85); max-width: 1140px; margin: 0 auto; overflow: hidden; }
@media (max-width: 1024px) { .home-top-overlay {   padding: 20px 10px; } }
@media (min-width: 1025px) { .home-top-overlay {   padding: 20px 3% 0 3%; /*UPDATE BY AIMG*/   display: flex;   align-items: flex-end; } }
@media (max-width: 1024px) { .home-top-left .green-arrows {   text-align: center; } .home-top-left .green-arrows li {   display: inline-block;   margin-right: 1em; } .home-top-left .green-arrows li:last-child {   margin-right: 0; } }
@media (min-width: 1025px) { .home-top-left {   width: 35%;   margin-right: 4%; } }
.home-top-text { border-bottom: solid 1px #89a500; padding-bottom: 1em; margin-bottom: 1em; }
.video-container { position: relative; text-align: center; }
.video-container a { display: inline-block; }
.video-link { display: block; opacity: 1; transition: all .5s; }
.industry { background-color: rgba(0, 102, 154, 0.8); }
.home-top .industry ul { margin: 0 auto !important; overflow: hidden; }
.home-top .industry li { list-style: none; margin: 0 !important; padding: 0 !important; line-height: 1; }
.home-top .industry li a { display: block; text-decoration: none; line-height: 1.1; text-align: center; }
@media (min-width: 1025px) { .home-top .industry li a {   padding: 5px 10px;   color: #fff; } .home-top .industry li a:hover {   color: #f59803; } }
@media (min-width: 1366px) { .home-top .industry li a {   /*font-size: 18px;*/   font-weight: 500; } }
@media (max-width: 1024px) { .industry {   padding: 1em 10px; } .industry .industry-inner {   position: relative;   max-width: 300px;   margin-left: auto;   margin-right: auto; } .industry ul {   position: absolute;   width: 100%;   z-index: 1;   -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);   -moz-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);   box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3); } .industry li {   max-height: 0;   overflow: hidden;   -webkit-transition: all 0.3s;   -moz-transition: all 0.3s;   -ms-transition: all 0.3s;   -o-transition: all 0.3s;   transition: all 0.3s; } .industry li a {   background: #fff;   padding: .5em 1em;   color: #333;   display: block; } .industry .submenu-open .industry-menu-toggle {   border-radius: 4px 4px 0 0; } .industry .submenu-open li {   max-height: 100px; } .industry .industry-menu-toggle {   -webkit-transition: all 0.3s;   -moz-transition: all 0.3s;   -ms-transition: all 0.3s;   -o-transition: all 0.3s;   transition: all 0.3s;   display: block;   background: #fff;   padding: 8px 12px;   border-radius: 5px;   -webkit-box-sizing: border-box;   -moz-box-sizing: border-box;   box-sizing: border-box;   position: relative;   color: #999; } .industry .industry-menu-toggle:after {   position: absolute;   right: 10px;   top: 50%;   -webkit-transform: translateY(-50%);   -ms-transform: translateY(-50%);   transform: translateY(-50%);   height: 0;   width: 0;   content: "";   border-style: solid;   border-width: 10px 10px 0 10px;   border-color: #777 transparent transparent transparent; } }
@media (min-width: 1025px) { .industry {   padding-top: 15px;   padding-bottom: 15px; } .industry .industry-menu-toggle {   display: none; } .industry ul {   display: table;   max-width: 1460px; } .industry li {   display: table-cell;   border-right: solid 1px #fff; } .industry li:last-child {   border-right: none; } }
.home-info, .home-feeds { max-width: 1240px; margin: 0 auto; }
.home-info h3, .home-info .bullets { color: #333; }
.home-info h2 { margin-bottom: 1em !important; }
.home-info h3 { margin-top: 1.75em; margin-bottom: 1em; }
.home-info ul { margin-bottom: 1em !important; }
.home-info .orange-icons { margin-bottom: 3em; }
.home-info .orange-icons li { list-style: none; color: #00669A; position: relative; padding-left: 40px; }
.home-info .orange-icons li:before { margin: 0; position: absolute; top: 4px; left: 0; content: ""; display: inline-block; background-repeat: no-repeat; background-position: left center; height: 27px; width: 27px; background-size: 100%; }
.home-info .orange-icons li.icon-info:before { background-image: url(../images/icon-info.png); }
.home-info .orange-icons li.icon-add:before { background-image: url(../images/icon-add.png); }
.home-info .orange-icons li.icon-chart:before { background-image: url(../images/icon-pie.png); }
@media (max-width: 480px) { .home-info {   margin-left: 10px;   margin-right: 10px; } }
@media (min-width: 481px) { .home-info {   margin-left: 20px;   margin-right: 20px; } }
@media (max-width: 1024px) { .home-info .orange-icons li {   font-size: 18px; } .home-info .bullets li {   margin-bottom: 3px !important; } }
@media (min-width: 1025px) { .home-info h2 {   font-size: 36px; } .home-info h3 {   font-size: 24px; } .home-info .orange-icons li {   font-size: 24px; } }
@media (min-width: 1251px) { .home-info {   max-width: 1200px;   margin-left: auto;   margin-right: auto; } }
.home-feeds-wrapper { background-color: #d6e5f0; }
.home-news { overflow: hidden; margin-bottom: 3em; }
.home-news .home-news-heading { line-height: 1.5; margin-bottom: 1em; }
@media (max-width: 1023px) { .home-news .home-news-heading {   font-size: 21px; } }
@media (min-width: 1024px) { .home-news .home-news-heading {   font-size: 26px; } }
@media (max-width: 480px) { .home-news {   margin-left: 24px;   margin-right: 24px; } }
@media (min-width: 481px) { .home-news {   margin-left: 30px;   margin-right: 30px; } }
@media (max-width: 480px) { .twitter {   margin-left: 10px;   margin-right: 10px;   max-height: 400px; } }
@media (min-width: 481px) { .twitter {   margin-left: 15px;   margin-right: 15px;   max-height: 515px; } }
@media (min-width: 1025px) { .home-info .home-inner, .home-feeds .home-inner {   display: flex; } .home-news {   border-top: none;   width: 59%;   margin-right: 2%; } .home-news a.more {   font-weight: bold; } .home-news h3 {   font-size: 15px; } .home-news h3 a {   font-weight: normal; } .home-news h3 a:hover {   color: #999; } }
.home-inner { padding-top: 2em; padding-bottom: 2em; }
.twitter { overflow-Y: scroll; background-color: #fff; }
div.notice { clear: both; padding-top: 10px; }
div#home-bottom { clear: both; position: relative; }
div#home-bottom > div { padding: 20px 0 0 0; }
div#home-bottom h3 { font-weight: bold; font-size: 14px; color: #00669a; }
/************************************************ HOME BOTTOM BLOCKS */
#twitter-widget-1 { /*width: 100% !important;*/ /*UPDATE BY AIMG*/ /*hide*/ }
#twitter-widget-0 { /*float: right;*/ /*UPDATE BY AIMG*/ /*remove float & center*/ margin: 0 auto; }
.home-products h3 { font-size: 22px; margin-bottom: .5em; }
.layout-content .home-products ul { /*UPDATE BY AIMG*/ /*added outer div to stop overriding*/ margin-bottom: 1em; margin-left: 0; padding-left: 0; }
.layout-content .home-products li { margin-bottom: 0 !important; border: solid 1px #f59803; list-style: none; display: block; margin-top: 5px; /*UPDATE BY AIMG*/ padding: 0; /*UPDATE BY AIMG*/ }
.home-products li:first-child { margin-top: 0px; }
.home-products li.home-product-online a:before { background-image: url(../images/icon-online.png); }
.home-products li.home-product-reports a:before { background-image: url(../images/icon-reports.png); }
.home-products li.home-product-data a:before { background-image: url(../images/icon-data.png); }
.home-products li a { text-decoration: none; display: block; background-color: #fff; -webkit-transition: background-color .2s; transition: background-color .2s; color: #00669a; }
.home-products li a:before, .home-products li a:after { content: ""; display: inline-block; }
.home-products li a:before { background-position: left top; background-repeat: no-repeat; background-size: 100%; position: relative; vertical-align: text-bottom; margin-right: .5em; }
.home-products li a:after { background: url(../images/arrow-button-blue.png) no-repeat right center; background-size: 100%; float: right; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.home-products li a:hover { background-color: #ddd; }
.home-products a:hover { text-decoration: none; }
@media (max-width: 767px) { .layout-content .home-products ul { /*UPDATE BY AIMG*/ /*added outer div to stop overriding*/   /* max-width: 220px;*/   margin-left: auto;   margin-right: auto; } .home-products li {   margin-top: 5px; } }
@media (min-width: 768px) and (max-width: 1024px) { .layout-content .home-products ul { /*UPDATE BY AIMG*/ /*added outer div to stop overriding*/   display: flex;   justify-content: center; } .layout-content .home-products ul li {   margin: 0 10px;   min-width: 210px; } }
@media (max-width: 1024px) { .home-products h3 {   text-align: center; } }
@media (max-width: 1259px) { .home-products a {   font-size: 18px;   padding: 0px 10px;   height: 40px;   line-height: 40px; } .home-products a:before {   height: 21px;   width: 18px; } .home-products a:after {   height: 14px;   width: 26px; } }
@media (min-width: 1260px) { .home-products a {   font-size: 20px;   padding: 0 20px;   line-height: 52px;   height: 52px; } .home-products a:before {   height: 30px;   width: 26px; } .home-products a:after {   height: 20px;   width: 37px; } }
@media (min-width: 1025px) { .home-products {   margin-bottom: 20px; } .home-products li {   margin-top: 10px; } }
.home-news { /*overflow:hidden;*/ }
.home-news div > h3 { /*clear: left;*/ }
.home-news a { color: #333; text-decoration: none; }
.home-news a.more { margin-top: 1em; display: block; color: #89A500; font-size: 16px; float: right; text-decoration: none; }
.home-news a.more:hover { color: #5f7200; }
.home-news h3 a:hover { text-decoration: underline; }
.home-news > a { margin-top: 8px; display: block; color: #007fc5; }
/***************************** MEDIA QUERIES ******************/
/*************/
/***** MAKE PHONE LOOK LIKE DESKTOP ****/
@media (max-width: 760px) { div#home-bottom {   width: 33.333% !important;   float: left;   height: 215px;   /*width:33.333%!important;*/   padding: 20px 0 0 0; } #home-products li {   display: block; } #home-products li:first-child {   margin-top: 0px; } #home-products li a {   display: block; } div.home-news {   clear: none;   border-top: none; } }
/********************* TABLET LANDSCAPE and DESKTOP SMALL ************************/
@media (max-width: 1023px) { .news-teasers a {   display: block; } }
@media (min-width: 1025px) { .twitter {   width: 39%; } .twitter h2 {   padding-left: 50px; } }
@media (min-width: 1025px) { div#signup:hover img {   -khtml-opacity: 0.4;   -moz-opacity: 0.4;   filter: alpha(opacity=50);   /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$amount)";*/   opacity: 0.4; } div#signup:hover p {   color: #999; } div#signup:hover a {   background-color: #fdc161; } div#signup:hover .video-container:hover {   opacity: .7; } div.teaser-entry a:hover {   text-decoration: underline; } }
.trial-activation-dialog { position: fixed; left: calc(50% - 153px); top: 200px; z-index: 1000; border: solid 1px #fff; color: #fff; background: #f59803; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); }
@media (min-width: 768px) { .trial-activation-dialog {   border-width: 10px;   padding: 1em; } }
.trial-activation-dialog .ui-state-default, .trial-activation-dialog .ui-widget-content .ui-state-default, .trial-activation-dialog .ui-widget-header .ui-state-default { background: none; border-color: #fff; }
.trial-activation-dialog .ui-widget-content { background: #f59803; color: #fff; }
.trial-activation-dialog .ui-widget-header { background: none; border: none; color: #fff; }
@media (min-width: 768px) { .trial-activation-dialog .ui-widget-header {   font-size: 1.3em; } }
.trial-activation-dialog .ui-dialog .ui-dialog-titlebar { border: none; }
.trial-activation-dialog .ui-widget-content a { color: #fff; }
.home-signup { text-align: center; padding: 1em; }
.home-signup a { display: inline-block; }
.home-signup img { display: block; }
@media (max-width: 1200px) { .home-signup img {   max-height: 220px; } }
.home-info form { max-width: 600px; margin: 0 auto; }
@media (max-width: 1023px) { .home-info form {   margin-top: 2em; } }
.home-info div#registration { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #f59803; }
.home-info div#registration h2 { margin-bottom: 0; }
@media (min-width: 768px) { .home-info-text-block {   padding-right: 40%;   position: relative; } .home-signup {   position: absolute;   right: 0;   top: 50%;   -webkit-transform: translateY(-50%);   -ms-transform: translateY(-50%);   transform: translateY(-50%); } }
@media (min-width: 1024px) { .home-info-text {   padding-right: 40px; } .home-signup a:hover {   opacity: .7; } }
/*** USERS ***/
/* USER LIST */
.user-subscription h2, .user-details h2 { font-size: 18px !important; }
div#users span.critical-hits { color: red; }
div#users a.button { float: right; }
div#users td.icon { background-repeat: no-repeat; background-position: center; }
div#users td.admin { background-image: url(../images/admin.png); }
div#users td.subscriber { background-image: url(../images/subscriber.png); }
div#users td.x-subscriber { background-image: url(../images/x-subscriber.png); }
div#users td.trial { background-image: url(../images/clock_history.png); }
div#users td.trial-unactivated { background-image: url(../images/clock_history_red.png); }
div#users td.x-trial { background-image: url(../images/clock_exclamation.png); }
div#users td.purchase-recent { background-image: url(../images/purchase-recent.png); }
div#users td.purchase-old { background-image: url(../images/purchase-old.png); }
div.user-details { /*height: 300px;*/ width: 320px; background-color: #ECE9E2; float: left; margin: 0 0 20px; }
div.user-details dt { width: 70px; }
div.user-details dd { width: 200px; }
div.user-details div.user-body { overflow-y: scroll; }
div.user-subscription { /*height: 300px;*/ width: 600px; background-color: #ECE9E2; float: right; }
div.user-subscription dt { width: 150px; }
div.user-subscription dd { width: 130px; }
div.user-subscription span { width: 20px; text-indent: -9999px; display: block; float: left; }
div.user-subscription span.checked { background: url(../images/checked.png) no-repeat 0 0; }
div.user-subscription span.unchecked { background: url(../images/unchecked.png) no-repeat 0 0; }
div.user-subscription .expired { color: red; }
div.user-header { background-color: #113F73; color: #FFF; padding: 5px; overflow: hidden; }
div.user-header h2 { color: #FFF; font-size: 12px; font-weight: bold; display: inline; }
div.user-header a { float: right; color: #FFF; background: url(../images/edit.png) no-repeat 0 0; width: 20px; text-indent: -9999px; display: block; }
div.user-body { padding: 5px; overflow: hidden; /*height: 262px;*/ }
div.user-subscription dl { width: 50%; float: left; }
div.user-body dt { font-weight: bold; float: left; clear: both; padding: 3px; }
div.user-body dd { color: #333; float: right; padding: 3px; }
div#user-tabs div.body { min-height: 500px; }
/* USER DETAIL */
textarea#User_admin_notes { width: 400px; height: 100px; overflow: auto; }
div.user-body div.sub-links { width: 50%; float: right; }
div.tabs { clear: both; }
div.tabs ul { overflow: hidden; padding: 0; }
div.tabs li { float: left; width: 20%; padding: 0; margin: 0 !important; list-style: none; background: #fff; height: 46px; border-bottom: solid 1px #fff; display: table; }
div.tabs li:last-child a.selected { background: #fff url(../images/map-icon-blue.png) no-repeat 10px center; padding-left: 30px; margin-left: 11px; }
div.tabs li:last-child a.selected img { display: none; }
div.tabs a { display: block; display: table-cell; background-color: #002e52; padding: 4px 10px 2px 10px; color: #FFF; border-right: 1px solid #FFF; text-decoration: none; font-size: 15px; height: 40px; line-height: 1.3; }
div.tabs a img { vertical-align: text-bottom; }
div.tabs a.selected { background-color: #fff; color: #333; }
div.tabs span { display: block; background-color: #113F73; padding: 5px 10px; color: #FFF; border-right: 1px solid #FFF; text-decoration: none; cursor: pointer; }
div.tabs span.selected { background-color: #ECE9E2; color: #333; }
div.tabs.selected { background-color: #ECE9E2; color: #333; }
div.tabs li.off a { opacity: .60; text-decoration: line-through; }
div.tab { background-color: #fff; padding: 10px; }
div.tab div.body { background-color: #FFF; padding: 20px; overflow: hidden; }
div#subscriptions span.checked { background: url(../images/checked.png) no-repeat 0 0; display: block; width: 20px; text-indent: -9999px; }
div#subscriptions a.button { float: right; }
div#subscriptions td.type { background-color: #113F73; color: #FFF; }
div#subscriptions div.table-body th { padding: 2px; }
div#promotions a.button { float: right; }
div#Promotion_products ul { padding: 10px; list-style-type: none; }
div#Promotion_products ul ul { padding: 2px; }
div#Promotion_products li { font-weight: bold; }
div#Promotion_products label { font-weight: normal; }
div#Promotion_products input { margin: 0px 4px; }
div#articles a.button, div#emails a.button { float: right; }
@media (min-width: 1100px) { div.tabs li {   height: 30px; } div.tabs li a {   height: 24px; } }
/*** STORE ****/
@media (max-width: 767px) { body.store .layout-content > .container-inner {   padding: 30px 10px; } }
@media (min-width: 768px) and (max-width: 1024px) { body.store .layout-content > .container-inner {   padding: 40px 20px; } }
@media (min-width: 1025px) { body.store .layout-content > .container-inner {   padding: 60px 30px; } }
@media (min-width: 1301px) { body.store .layout-content > .container-inner {   padding-top: 60px;   padding-bottom: 60px;   max-width: 1290px;   margin-left: auto;   margin-right: auto; } }
body.store .layout-content > .container-inner p a, body.store .layout-content > .container-inner li a { color: #f59803; }
@media (min-width: 1251px) { body.store .container-inner {   max-width: 1210px; } }
.free-trial-top { font-size: 14px; font-size: 0.875rem; position: absolute; right: 15px; top: -45px; padding: 8px 15px; }
.clear { clear: both; }
.region-identity { margin-top: 1em; }
.region-identity:before, .region-identity:after { content: " "; display: table; }
.region-identity:after { clear: both; }
.region-identity { *zoom: 1; }
@media (min-width: 768px) { .region-identity {   margin-bottom: 3em; } }
@media (min-width: 1025px) { .region-identity {   margin-bottom: 6em; } }
/*** PSEUDO SELECT ***/
.region-selector { position: relative; margin-bottom: 2em; }
.region-selector > ul { position: absolute; z-index: 101; width: 100%; top: 40px; display: none; background-color: #00669A; border-bottom: solid 3px #fff; }
.region-selector > ul > li { width: 50%; float: left; padding: 12px 15px 12px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; }
.region-selector > ul > li:first-child { width: 100%; float: none; }
.region-selector > ul > li:last-child { margin-bottom: 0; }
.region-selector > ul > li.selected-region { background-color: #89a500; }
.region-selector > ul > li.selected-region > a { font-size: 1.2em; display: block; color: #fff; text-decoration: none; }
.region-selector > ul > li.selected-region > a:hover { cursor: default; }
.region-selector li { margin-bottom: 0 !important; list-style-type: none; position: relative; }
@media (min-width: 768px) { .region-selector {   float: left;   width: 60%; } }
.region-description { /*position:absolute; bottom:12px; left:15px;*/ padding-right: 10px; }
.region-selector ul li:hover { background-color: #89a500; color: #fff; }
.region-selector ul.active a { background-color: #333 !important; color: #fff !important; }
.region-selector ul a { font-weight: bold; text-decoration: none; color: #fff; }
.region-selector h3 { /*** PSEUDO SELECT ***/ cursor: pointer; font-size: 1.35em; margin-bottom: 0 !important; background-color: #666; border-radius: 10px; padding: .5em 1em; position: relative; color: #fff; /*@include box-shadow(1px 1px 3px #666);*/ }
.region-selector h3.open { border-radius: 10px 10px 0 0; }
.region-selector h3:hover { background-color: #00669A; }
.region-selector h3:after { /*** DROPDOWN ARROW ***/ content: ""; display: block; height: 0px; width: 0px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 15px; border-style: solid; border-width: 10px 6px 0 6px; border-color: #fff transparent transparent; }
.addons-table { overflow: hidden; padding: 15px; height: 100%; -khtml-opacity: 1; -moz-opacity: 1; filter: alpha(opacity=50); /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$amount)";*/ opacity: 1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.addons { border: solid 1px #ccc; margin-bottom: 2em; border-radius: 10px 10px 0 0; }
.addons.open { border-radius: 10px; }
.addons.open .addons-table { height: 0; padding: 0; -khtml-opacity: 0; -moz-opacity: 0; filter: alpha(opacity=50); /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$amount)";*/ opacity: 0; }
.addons h3 { font-size: 1.35em; margin-bottom: 0 !important; background: transparent url(../images/arrow-dropdown.png) no-repeat 95% center; padding: .5em 1em; position: relative; }
.addons h3:hover { background-color: #eee; cursor: pointer; }
.addons h3:after { /*** DROPDOWN ARROW ***/ content: ""; display: block; height: 0px; width: 0px; position: absolute; right: 15px; top: 15px; border-style: solid; border-width: 8px 6px 0 6px; border-color: #333 transparent transparent; }
.featured-banner { display: none; }
.featured-product .featured-banner { display: block; }
.featured-product.product-column .product-comparison { position: relative; }
.featured-banner span { display: block; font-size: 14px; text-align: center; padding: 10px; color: #fff; background-color: #ff0000; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7); font-weight: 500; box-sizing: border-box; }
@media (min-width: 768px) { .featured-banner {   position: absolute;   bottom: 100%;   width: 100%;   box-sizing: border-box; } }
.feature { font-weight: bold; }
.feature-divider { font-weight: bold; }
.selected-region { font-weight: bold; }
.feature-title { margin-right: 0px; }
.popup { position: relative; margin-right: 1em; }
.popup.open .popup-target { background-color: #89a500; }
.popup.open .feature-description { font-size: 100%; height: auto; width: 200px; background-color: #fff; padding: 15px; border: solid 3px #89a500; }
.popup-target { background-color: #999; border-radius: 50%; height: 20px; width: 20px; cursor: pointer; }
.popup-target.icon-info:before { height: 20px; width: 20px; line-height: 20px; text-align: center; margin: 0; color: #fff; }
.popup-target:hover { background-color: #00669A; }
.popup-target:hover.icon-info:before { color: #fff; }
.feature-description { height: 0; font-weight: normal; font-size: 0; position: absolute; z-index: 100; left: 30px; bottom: 25%; }
.product-buttons { text-align: center; }
.product-buttons .button { height: 30px; padding: 0 20px; font-size: 18px; }
/******* PRODUCT TABLES ****/
.feature-list .th { padding: 5px; }
.feature-list.product-column .th { font-size: 20px; line-height: 60px; }
.feature-list .td { height: 40px; display: flex; align-items: center; padding-left: 15px; padding-right: 15px; }
.feature-list .product-comparison { /*&:after {     display:block;     text-align: center;     height:64px;     line-height: 64px;     width:100%;     content:"Select your plan >";     background-color: #fff;    @include font-size(18);     font-weight: bold;   }*/ }
@media (max-width: 767px) { .feature-list {   display: none; } }
@media (min-width: 768px) { .feature-list {   width: 23%;   float: left; } .feature-list .th {   padding-top: 10px; } .feature-list .feature-title {   font-size: 13px;   line-height: 1.3; } }
@media (min-width: 1366px) { .feature-list .popup-target {   width: 25px;   height: 25px; } .feature-list .popup-target.icon-info:before {   font-size: 16px;   height: 25px;   width: 25px;   line-height: 25px; } .feature-list .feature-title {   font-size: 17px; } }
@media (max-width: 767px) { .toggle-click {   text-transform: uppercase; } }
@media (min-width: 768px) { .toggle-click {   display: none; } }
@media (max-width: 767px) { .toggle-content {   max-height: 0;   overflow: hidden;   -webkit-transition: all, 0.3s;   -moz-transition: all, 0.3s;   -ms-transition: all, 0.3s;   -o-transition: all, 0.3s;   transition: all, 0.3s; } .toggle-click {   position: relative;   padding: 20px 0 20px 0; } .toggle-click .toggle-arrow {   display: inline-block;   background-color: #ccc;   position: absolute;   bottom: -14px;   left: 50%;   z-index: 1;   border-radius: 50%;   height: 32px;   line-height: 32px;   width: 32px;   -webkit-transform: translateX(-50%);   -ms-transform: translateX(-50%);   transform: translateX(-50%); } .toggle-click .toggle-arrow:after {   content: "";   color: #fff;   display: inline-block;   height: 32px;   width: 16px;   background: url(../images/arrow-white.png) no-repeat center center;   background-size: 16px 10px;   line-height: 1; } .toggle-click-hide {   display: none; } .features-open .toggle-click .toggle-arrow:after {   -webkit-transform: rotate(180deg);   -ms-transform: rotate(180deg);   transform: rotate(180deg); } .features-open .toggle-click-show {   display: none; } .features-open .toggle-click-hide {   display: inline-block; } .features-open .toggle-content {   max-height: 1000px; } }
.plan-checklist-wrapper:before, .plan-checklist-wrapper:after { content: " "; display: table; }
.plan-checklist-wrapper:after { clear: both; }
.plan-checklist-wrapper { *zoom: 1; }
.plan-checklist-wrapper .th { padding: 5px; }
.plan-checklist-wrapper .region-subheading { display: block; margin-top: 10px; font-weight: 300; }
.plan-checklist-wrapper span.button { padding: 8px 8px !important; display: inline-block; position: relative; }
.plan-checklist-wrapper span.checked { font-size: 14px; display: inline-block; }
@media (max-width: 767px) { .plan-checklist-wrapper span.checked {   display: none; } }
.plan-checklist-wrapper .product-column { vertical-align: top; }
.plan-checklist-wrapper .product-column .th { color: #fff; line-height: 1; }
.plan-checklist-wrapper .product-column .td { text-align: center; }
.plan-checklist-wrapper .product-column .td-price { color: #fff; }
.plan-checklist-wrapper .product-column:first-child .product-comparison { margin-left: 0; }
@media (max-width: 767px) { .plan-checklist-wrapper .product-column {   margin-bottom: 3em; } .plan-checklist-wrapper .product-column:nth-child(1) {   background-color: #41a9b1; } .plan-checklist-wrapper .product-column:nth-child(1) .toggle-arrow {   background-color: #41a9b1; } .plan-checklist-wrapper .product-column:nth-child(1) .button {   background-color: #2c7178; } .plan-checklist-wrapper .product-column:nth-child(2) {   background-color: #96b238; } .plan-checklist-wrapper .product-column:nth-child(2) .toggle-arrow {   background-color: #96b238; } .plan-checklist-wrapper .product-column:nth-child(2) .button {   background-color: #657826; } .plan-checklist-wrapper .product-column:nth-child(3) {   background-color: #ee8804; } .plan-checklist-wrapper .product-column:nth-child(3) .toggle-arrow {   background-color: #ee8804; } .plan-checklist-wrapper .product-column:nth-child(3) .button {   background-color: #a15b03; } .plan-checklist-wrapper .product-column:nth-child(4) {   background-color: #00669a; } .plan-checklist-wrapper .product-column:nth-child(4) .toggle-arrow {   background-color: #00669a; } .plan-checklist-wrapper .product-column:nth-child(4) .button {   background-color: #014165; } }
@media (min-width: 768px) { .plan-checklist-wrapper .product-column {   width: 25%;   float: left; } .plan-checklist-wrapper .product-column:nth-child(1) .price-display, .plan-checklist-wrapper .product-column:nth-child(1) .th {   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5cb9c0+0,5cb9c0+50,41a9b1+50,41a9b1+100 */   background: #5cb9c0;   /* Old browsers */   background: -moz-linear-gradient(left, #5cb9c0 0%, #5cb9c0 50%, #41a9b1 50%, #41a9b1 100%);   /* FF3.6-15 */   background: -webkit-linear-gradient(left, #5cb9c0 0%, #5cb9c0 50%, #41a9b1 50%, #41a9b1 100%);   /* Chrome10-25,Safari5.1-6 */   background: linear-gradient(to right, #5cb9c0 0%, #5cb9c0 50%, #41a9b1 50%, #41a9b1 100%);   /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb9c0', endColorstr='#41a9b1', GradientType=1);   /* IE6-9 */ } .plan-checklist-wrapper .product-column:nth-child(1) .button {   background-color: #41a9b1; } .plan-checklist-wrapper .product-column:nth-child(2) .price-display, .plan-checklist-wrapper .product-column:nth-child(2) .th {   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a5be50+0,a5be50+50,96b238+50,96b238+100 */   background: #a5be50;   /* Old browsers */   background: -moz-linear-gradient(left, #a5be50 0%, #a5be50 50%, #96b238 50%, #96b238 100%);   /* FF3.6-15 */   background: -webkit-linear-gradient(left, #a5be50 0%, #a5be50 50%, #96b238 50%, #96b238 100%);   /* Chrome10-25,Safari5.1-6 */   background: linear-gradient(to right, #a5be50 0%, #a5be50 50%, #96b238 50%, #96b238 100%);   /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5be50', endColorstr='#96b238', GradientType=1);   /* IE6-9 */ } .plan-checklist-wrapper .product-column:nth-child(2) .button {   background-color: #96b238; } .plan-checklist-wrapper .product-column:nth-child(3) .price-display, .plan-checklist-wrapper .product-column:nth-child(3) .th {   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f09c35+0,f09c35+50,ee8804+50,ee8804+100 */   background: #f09c35;   /* Old browsers */   background: -moz-linear-gradient(left, #f09c35 0%, #f09c35 50%, #ee8804 50%, #ee8804 100%);   /* FF3.6-15 */   background: -webkit-linear-gradient(left, #f09c35 0%, #f09c35 50%, #ee8804 50%, #ee8804 100%);   /* Chrome10-25,Safari5.1-6 */   background: linear-gradient(to right, #f09c35 0%, #f09c35 50%, #ee8804 50%, #ee8804 100%);   /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09c35', endColorstr='#ee8804', GradientType=1);   /* IE6-9 */ } .plan-checklist-wrapper .product-column:nth-child(3) .td:nth-child(odd) .td-inner {   background-color: #ffe5cc; } .plan-checklist-wrapper .product-column:nth-child(3) .button {   background-color: #ee8804; } .plan-checklist-wrapper .product-column:nth-child(4) .price-display, .plan-checklist-wrapper .product-column:nth-child(4) .th {   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0084c8+0,0084c8+50,00669a+50,00669a+100 */   background: #0084c8;   /* Old browsers */   background: -moz-linear-gradient(left, #0084c8 0%, #0084c8 50%, #00669a 50%, #00669a 100%);   /* FF3.6-15 */   background: -webkit-linear-gradient(left, #0084c8 0%, #0084c8 50%, #00669a 50%, #00669a 100%);   /* Chrome10-25,Safari5.1-6 */   background: linear-gradient(to right, #0084c8 0%, #0084c8 50%, #00669a 50%, #00669a 100%);   /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0084c8', endColorstr='#00669a', GradientType=1);   /* IE6-9 */ } .plan-checklist-wrapper .product-column:nth-child(4) .button {   background-color: #00669a; } .plan-checklist-wrapper .product-column .th {   text-align: center; } }
@media (min-width: 1025px) { .plan-checklist-wrapper .product-column .thead, .plan-checklist-wrapper .product-column .featured-banner {   padding-left: 20px;   padding-right: 20px; } .plan-checklist-wrapper .product-column .td-inner {   margin-left: 20px;   margin-right: 20px; } }
@media (max-width: 767px) { .plan-checklist-wrapper {   text-align: center;   color: #fff;   max-width: 380px;   margin-left: auto;   margin-right: auto; } .plan-checklist-wrapper .th {   font-size: 20px;   padding-top: 20px !important; } .plan-checklist-wrapper .td {   line-height: 3; } .plan-checklist-wrapper .price-display {   font-size: 16px; } .plan-checklist-wrapper .button {   width: 50%;   display: inline-block; } .plan-checklist-wrapper .featured-banner {   font-size: 18px; } .plan-checklist-wrapper span.button {   margin-bottom: 8px;   font-size: 14px; } .plan-checklist-wrapper .region-subheading, .plan-checklist-wrapper .price-display-subheading {   display: none; } }
@media (min-width: 768px) { .plan-checklist-wrapper {   margin-bottom: 3em;   width: 77%;   float: left; } .plan-checklist-wrapper .price-display-subheading {   font-size: 11px; } .plan-checklist-wrapper .td:last-child .td-inner {   padding-bottom: 30px; } .plan-checklist-wrapper .featured-product .td:last-child {   position: relative; } .plan-checklist-wrapper .featured-product .td:last-child:after {   display: block;   width: 100%;   height: 20px;   position: absolute;   left: 50%;   bottom: 16px;   -webkit-transform: translateX(-50%);   -ms-transform: translateX(-50%);   transform: translateX(-50%);   content: "Most Popular";   color: #ee8804;   text-align: center;   font-style: italic;   font-weight: 300;   font-size: 14px; } .plan-checklist-wrapper .td-inner {   height: 40px;   display: flex;   align-items: center;   justify-content: center;   margin-left: 12px;   margin-right: 12px; } .plan-checklist-wrapper .region-subheading {   font-size: 15px; } .plan-checklist-wrapper .featured-banner {   font-size: 19px; } .plan-checklist-wrapper .thead, .plan-checklist-wrapper .featured-banner {   padding-left: 12px;   padding-right: 12px; } .plan-checklist-wrapper .td-price {   padding-left: 8px;   padding-right: 8px; } .plan-checklist-wrapper .price-display {   margin-bottom: 1em; } .plan-checklist-wrapper .th {   font-size: 18px;   padding-top: 10px; } .plan-checklist-wrapper span.checked {   color: #008000; } .plan-checklist-wrapper span.button {   font-size: 18px;   display: block; } }
@media (min-width: 1025px) { .plan-checklist-wrapper .featured-product .td:last-child:after {   font-size: 18px; } }
@media (min-width: 768px) { .plan-checklist-wrapper .th {   position: relative; } .plan-checklist-wrapper .th span {   position: relative;   z-index: 2; } .plan-checklist-wrapper .th:before {   border: 0 solid transparent;   border-left-width: 60px;   border-right-width: 0px;   right: 50%; } .plan-checklist-wrapper .th:after {   border: 0 solid transparent;   border-left-width: 0px;   border-right-width: 60px;   left: 50%; } .plan-checklist-wrapper .th:before, .plan-checklist-wrapper .th:after {   content: "";   display: block;   height: 0;   width: 0;   position: absolute;   z-index: 1;   top: 100%;   border-top: 22px solid #cdcccc; } .plan-checklist-wrapper .price-display {   position: relative; } .plan-checklist-wrapper .price-display:before, .plan-checklist-wrapper .price-display:after {   content: "";   height: 0;   width: 0;   display: block;   position: absolute;   z-index: 1;   bottom: 100%;   border: 0 solid transparent;   border-bottom: 9px solid #cdcccc; } .plan-checklist-wrapper .price-display:before {   right: 50%;   border-right-width: 0px;   border-left-width: 18px; } .plan-checklist-wrapper .price-display:after {   left: 50%;   border-right-width: 18px;   border-left-width: 0px; } .plan-checklist-wrapper .product-column:nth-child(1) .price-display:before {   border-bottom-color: #5cb9c0; } .plan-checklist-wrapper .product-column:nth-child(1) .price-display:after {   border-bottom-color: #41a9b1; } .plan-checklist-wrapper .product-column:nth-child(1) .th:before {   border-top-color: #5cb9c0; } .plan-checklist-wrapper .product-column:nth-child(1) .th:after {   border-top-color: #41a9b1; } .plan-checklist-wrapper .product-column:nth-child(2) .price-display:before {   border-bottom-color: #a5be50; } .plan-checklist-wrapper .product-column:nth-child(2) .price-display:after {   border-bottom-color: #96b238; } .plan-checklist-wrapper .product-column:nth-child(2) .th:before {   border-top-color: #a5be50; } .plan-checklist-wrapper .product-column:nth-child(2) .th:after {   border-top-color: #96b238; } .plan-checklist-wrapper .product-column:nth-child(3) .price-display:before {   border-bottom-color: #f09c35; } .plan-checklist-wrapper .product-column:nth-child(3) .price-display:after {   border-bottom-color: #ee8804; } .plan-checklist-wrapper .product-column:nth-child(3) .th:after, .plan-checklist-wrapper .product-column:nth-child(3) .th:before {   border-top: 40px solid #cdcccc; } .plan-checklist-wrapper .product-column:nth-child(3) .th:before {   border-top-color: #f09c35; } .plan-checklist-wrapper .product-column:nth-child(3) .th:after {   border-top-color: #ee8804; } .plan-checklist-wrapper .product-column:nth-child(4) .price-display:before {   border-bottom-color: #0084c8; } .plan-checklist-wrapper .product-column:nth-child(4) .price-display:after {   border-bottom-color: #00669a; } .plan-checklist-wrapper .product-column:nth-child(4) .th:before {   border-top-color: #0084c8; } .plan-checklist-wrapper .product-column:nth-child(4) .th:after {   border-top-color: #00669a; } }
@media (min-width: 1366px) { .plan-checklist-wrapper .th:before {   border: 0 solid transparent;   border-left-width: 104.5px;   border-right-width: 0px;   right: 50%; } .plan-checklist-wrapper .th:after {   border: 0 solid transparent;   border-left-width: 0px;   border-right-width: 104.5px;   left: 50%; } .plan-checklist-wrapper .th:before, .plan-checklist-wrapper .th:after {   content: "";   display: block;   height: 0;   width: 0;   position: absolute;   z-index: 1;   top: 100%;   border-top: 22px solid #cdcccc; } .plan-checklist-wrapper span.button {   -webkit-transition: all 0.3s;   -moz-transition: all 0.3s;   -ms-transition: all 0.3s;   -o-transition: all 0.3s;   transition: all 0.3s; } .plan-checklist-wrapper span.button:hover {   -khtml-opacity: 0.6;   -moz-opacity: 0.6;   filter: alpha(opacity=50);   /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$amount)";*/   opacity: 0.6; } .plan-checklist-wrapper .price-display-subheading {   font-size: 16px; } .plan-checklist-wrapper .region-heading {   font-size: 26px; } .plan-checklist-wrapper .featured-banner span {   font-size: 22px; } .plan-checklist-wrapper .region-subheading {   font-size: 20px; } .plan-checklist-wrapper span.checked {   font-size: 24px; } .plan-checklist-wrapper .price-display {   font-size: 25px; } .plan-checklist-wrapper .price-display .price-display-number {   /*    font-size: 32px;*/ } .plan-checklist-wrapper span.button {   font-size: 24px; } }
.price-display { display: block; text-align: center; padding: 8px; font-weight: 300; }
.price-display-dollar { display: inline-block; -webkit-transform: translateY(-4px); -ms-transform: translateY(-4px); transform: translateY(-4px); }
.price-display-number { font-weight: 500; }
.price-display-subheading { text-transform: uppercase; font-weight: 300; display: block; }
.product-column { /*margin-bottom: 3em;*/ }
.product-column input.button { padding: 12px 24px !important; font-size: 24px; font-size: 1.5rem; }
.product-column span.button::before { content: "Subscribe Now »"; }
.product-column input[type="submit"] { font-size: 0; height: 54px; position: absolute; left: 0; top: 0; width: 100%; background: transparent; }
.product-column input[type="submit"]:hover { cursor: pointer; }
.product-column .buttons { text-align: center; }
.product-comparison input[type="radio"] { font-size: 100px; }
.product-comparison .td { font-size: 14px; text-align: center; }
.product-comparison .td.selected .button { background-color: #00669A; }
.product-comparison .table { width: 100%; }
.product-comparison .table .td.feature { text-align: left; }
@media (min-width: 768px) { .product-comparison .th {   height: 60px; } .product-comparison .td:first-child {   border-top: solid 50px #cdcccc; } .product-comparison .td:nth-child(even) {   background-color: #cdcccc; } }
@media (min-width: 1366px) { .product-comparison .th {   height: 50px;   padding-top: 20px; } }
@media (max-width: 767px) { .mobile-notice {   margin: 1em 0 0;   text-align: center;   text-transform: uppercase;   font-size: 18px;   font-weight: 300; } }
@media (min-width: 768px) { .mobile-notice {   display: none; } }
.addon-checklist-wrapper .product-comparison .th, .addon-feature-list .product-comparison .th { height: 100px; }
@media (min-width: 768px) { .feature-title-copy {   display: none; } }
/* STORE */
.product-region-header { color: #00669A; margin: 0 !important; font-size: 18px !important; font-weight: bold; }
.product-region-header .region-label { vertical-align: top; padding-top: 10px; display: inline-block; }
.product-region-header .current-region { color: #f59803; margin-left: 18px; font-size: 24px; display: inline-block; padding-top: 5px; }
@media (min-width: 768px) { .product-region-header {   float: right;   text-align: right;   width: 38%; } }
.product-overview { overflow: hidden; margin-bottom: 2em; }
.product-overview > div { /*margin-bottom:3em;*/ }
.product-top { /*background:#ECE9E2; padding:20px; border:solid 1px $blue; border-radius:5px;*/ }
.thumbnail { text-align: center; }
@media (min-width: 768px) and (max-width: 1024px) { .thumbnail {   margin: 2em 0; } }
@media (min-width: 1025px) { .thumbnail {   float: left;   width: 40%; } }
.thumbnail img { max-width: 100%; }
.call { clear: both; background-color: #eee; padding: 2em 3em; margin-top: 64px; text-align: center; border-radius: 4px; }
.call h2 { margin-bottom: 0 !important; }
.call p { line-height: 1.5; margin: 0 !important; }
.call .call-green-text { color: #89a500; font-weight: bold; display: inline-block; margin-left: 10px; position: relative; top: 5px; }
@media (max-width: 767px) { .call .call-text {   font-size: 16px; } .call .call-green-text {   font-size: 19px; } }
@media (min-width: 768px) { .call .call-text {   font-size: 20px; } .call .call-green-text {   font-size: 30px; } }
@media (min-width: 1025px) { .call .call-text {   font-size: 23px; } .call .call-green-text {   font-size: 35px; } }
.trial { font-size: 200%; background-color: #eee; padding: 1em 2em; border-radius: 4px; text-align: center; margin-bottom: 48px; }
.trial h2 { margin-bottom: 0.5em !important; }
.trial a { display: inline-block; padding: 20px 30px; }
.button-free-trial { background-color: #f59803; text-decoration: none; color: #fff; }
.disclaimer { width: 48%; float: left; }
.disclaimer .content { font-style: italic; }
div.store { overflow: hidden; }
div.store div.left { float: left; }
div.store div.right { float: right; }
div.store div.product { /*height:280px;*/ background-color: #ECE9E2; }
div.store a.button { float: right; }
div.product-detail { padding: 0px 0px; }
div.product-detail div.table-body tr.even td, div.product-detail div.tab div.body { background: none; }
div.product-detail div.product div.details { width: auto; padding: 0; }
div.details { padding: 2% 2% 30px 2%; }
div#pricing { background: none; }
div#pricing table { background: #fff; margin-bottom: 10px; border: none; }
div#pricing div.table-header h2 { margin-left: 8px; font-size: 14px; }
div#pricing div.product { background: none; }
div.trial-promotion { margin-bottom: 10px; background: #ee9602; }
div.trial-promotion img { opacity: 1; transition: all .5s; max-width: 100%; }
div.trial-promotion img:hover { opacity: .8; }
div.product { padding: 10px 0px; overflow: hidden; margin: 0 0 10px; width: auto; }
div.store div.product { margin: 0 0 10px; background: none; border-radius: 5px; float: left; width: 49%; padding: 0px; }
div.store div.product:nth-child(even) { margin-left: 1%; }
div.store div.product:nth-child(odd) { margin-right: 1%; }
div.store div.product div.details { background-color: #ECE9E2; position: relative; /*height:240px;*/ }
div.store div.product div.thumbnail { width: 150px; margin: 0px 15px 10px 0px; }
div.product div.thumbnail { float: left; width: 46%; margin-right: 4%; margin-bottom: 20px; }
div.store div.product div.thumbnail img { width: 150px; height: 150px; max-width: 100%; }
div.store div.product h2 { font-size: 14px; line-height: 18px; font-weight: bold; color: #113F73; margin: 0 0 10px; }
div.store div.product p.description { margin: 0 0 10px; color: #444; }
div.store div.product p.price { font-size: 20px; line-height: 24px; font-weight: bold; margin: 0 0 10px; float: left; }
div.store div.product p.purchase { position: absolute; bottom: 10px; margin-bottom: 0 !important; right: 10px; }
div#product-options td.product-description { width: 600px; font-size: 13px; border-right: none; padding: 10px 20px; }
div#product-options td.product-description strong { color: #002d52; text-transform: uppercase; }
div#product-options td.price { text-align: right; vertical-align: middle; font-size: 14px; line-height: 24px; font-weight: bold; margin: 0 0 10px; padding-right: 20px; }
div#product-options td.price span { background: #b8c966; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 5px 8px; display: inline-block; }
div#product-options td.purchase { text-align: center; vertical-align: top; padding: 14px 8px; }
div#product-options strong { font-size: 11px; }
div.product-detail div.buttons { clear: both; }
div.product-detail div.buttons a.button { font-size: 18px; }
div#checkout { width: 675px; }
div#checkout td.subtotal { background-color: #F5CC3C; font-weight: bold; color: #000; text-transform: uppercase; }
div#checkout table { margin: 0 0 40px; }
div#checkout div.expiration select { width: 70px !important; }
div#checkout dd input, div#checkout dd textarea { width: 400px; }
div#checkout dd select { width: 410px; }
div#checkout div.form { margin: 0 0 20px; padding: 10px; }
div#checkout h1 { font-size: 18px; line-height: 28px; }
div#checkout p { margin: 0 0 20px; }
div#checkout ul.checkout { overflow: hidden; margin: 0 0 20px; }
div#checkout ul.checkout li { float: left; list-style: none; width: 204px; background: #ECE9E2; margin: 0 1px 0 0; padding: 10px; font-size: 14px; font-weight: bold; }
div#checkout ul.checkout li.complete { background-color: #01B0CD; color: #DDD; }
div#checkout ul.checkout li.active { background-color: #01B0CD; color: #FF0; }
div#checkout div.buttons { text-align: right; }
div#checkout div.tos { float: left; width: 400px; text-align: left; font-size: 10px; color: #777; line-height: 13px; }
div#checkout div.buttons a.button { font-size: 18px; }
div#checkout td.icon label { padding: 0 0 0 20px; display: block; height: 16px; }
div#checkout td.icon input { vertical-align: middle; }
div#checkout td.doc label { background: url(../images/icon-doc.png) no-repeat 0 0; }
div#checkout td.xls label { background: url(../images/icon-xls.png) no-repeat 0 0; }
div#checkout p.poboxes { background-color: #FFC; padding: 5px; margin: 10px !important; }
div#checkout p.poboxes strong { color: #900; }
div#checkout div#summary { margin: 0; }
div#checkout p.edit { border-top: 1px solid #FFF; background-color: #EEE; color: #555; padding: 10px; }
div#checkout input.button { margin-top: 10px; }
div.loginorregister { overflow: hidden; margin-top: 20px; }
div.loginorregister > * { width: 50%; float: left; }
div.loginorregister > form:first-child { width: 48%; margin-right: 2%; }
div.loginorregister div.trial-promotion-graphic { float: left; width: 50%; position: relative; height: 350px; }
div.trial-promotion-graphic ul { background: #fff; background: rgba(255, 255, 255, 0.8); border-radius: 6px; border: solid 3px #00669a; padding: 15px; }
/* PRODUCT */
/* CHECKOUT */
.trial-points { position: absolute; bottom: 0px; left: 0%; right: 0px; width: 95%; height: 50%; }
.trial-promotion-graphic li { color: #003673; font-weight: bold; letter-spacing: -.3px; font-size: 13px; margin: 8px 0px; display: block; background: url(../images/bullet-blue.png) no-repeat left 6px; padding-left: 15px; }
.trial-promotion-graphic img { max-width: 100%; }
.loginorregister div#registration { float: right; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #f59803; }
p.disclaimer { border-top: 1px solid #FFF; background-color: #EEE; color: #555; font-style: italic; padding: 10px; font-size: 12px; margin: 40px 0 0; }
div.contact { width: 74%; float: left; margin-right: 1%; }
.contact-right { float: right; padding-top: 62px; width: 25%; }
div.assistance { background: #ECE9E2; padding: 10px; }
div.assistance h2 { font-size: 16px !important; line-height: 24px; font-weight: bold; color: #113F73; }
div.assistance p { margin: 0 0 20px; }
div.assistance h3 { font-size: 16px; line-height: 18px; font-weight: bold; margin: 0 0 20px; }
div.social-sidebar { margin-top: 20px; }
div.social-sidebar img { max-width: 100%; }
div#addresses div.localities select { width: auto !important; }
div#addresses div.billing { float: left; width: 336px; }
div#addresses div.shipping { float: right; width: 336px; }
div#addresses p.usebilling { background: #FFC; margin: 10px !important; padding: 1em; }
div#addresses form#shipping a { float: right; line-height: 26px; }
div#addresses dd input, div#addresses dd textarea { width: 400px; }
div#addresses dd select { width: 410px; }
div.report-header { background-color: #89A600; padding: 10px; overflow: hidden; }
div.report-header a { color: #FFF; font-weight: bold; text-decoration: none; }
div.report-header p.report-close { float: left; }
div.report-header p.report-tools { float: right; }
div.report-body { padding: 10px; }
div.report-summary { background: #00477f url(../images/report-logo.png) no-repeat 7px 1px; height: 60px; padding: 10px; position: relative; }
div.report-summary p { position: absolute; right: 20px; color: #FFF; width: 250px; text-align: right; }
div.report-summary h1 { color: #FFF; font-size: 24px; font-weight: bold; text-align: center; margin-top: 20px; }
div.report-detail table { width: 100%; }
div.report-detail .last { border-right-width: 0; }
div.report-detail th { border-right: 1px solid #FFF; background-color: #F5CC3C; color: #000; font-weight: bold; padding: 5px; font-size: 10px; }
div.report-detail td { padding: 5px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; color: #444; font-size: 10px; }
div.report-detail td strong { color: #000; }
div.report-detail table { border: 1px solid #BFBFBF; }
div.report-detail tr.odd td { background-color: #FFF; }
div.report-detail tr.even td { background-color: #ECE9E2; }
div.report-footnote { border: solid 1px #113F73; padding: 10px; margin-bottom: 20px; }
div.report-footer { background-color: #113F73; padding: 10px; color: #FFF; }
div.report-footer p { font-size: 10px; text-align: center; }
div.report-footer a { color: #FFF; }
/**** MEDIA QUERIES ***/
@media (max-width: 1023px) { .product-comparison td {   font-size: 12px; } td.feature {   position: relative; } }
@media (max-width: 1100px) { .product-comparison th {   font-size: 12px; } }
@media (min-width: 1024px) { .free-trial-top {   right: 0;   top: 0; } .region-selector h3 {   font-size: 18px !important; } .region-selector ul {   border-bottom: solid 10px #fff;   top: 44px; } .addons h3 {   font-size: 18px !important; } .product-buttons .button {   height: 40px;   font-size: 24px; } }
@media (min-width: 1025px) { .button-free-trial {   -webkit-transition: background-color 0.3s;   -moz-transition: background-color 0.3s;   -ms-transition: background-color 0.3s;   -o-transition: background-color 0.3s;   transition: background-color 0.3s; } .product-region-header .current-region {   font-size: 36px;   padding-top: 0px;   margin-top: -2px; } .product-top .thumbnail {   float: left;   width: 44%; } .product-top .description {   float: left;   width: 54%;   margin-right: 2%;   margin-bottom: 2em;   padding-bottom: 2em;   border-bottom: solid 1px #89a500; } }
@media (min-width: 1278px) { .trial {   margin-bottom: 60px; } .product-region-header {   font-size: 18px !important; } }
/**** REPORTS ***/
/* --- User Billing & Shipping / Checkout --- */
/* --- Reports: On Screen --- */
/* --- Reports: Specifics for individual report types --- */
body.details-report div.section { margin-bottom: 8pt; }
body.details-report div.section h1 { font-size: 14px; margin: 0px 0px 10px 0px; }
body.details-report table { font-size: 10pt; border-collapse: collapse; border: 0px; }
body.details-report table.data .c-0 { width: 40%; text-align: right; padding: 0.2pt 6pt 0.2pt 0.2pt; font-weight: bold; border-right: solid 0.5pt #888; }
body.details-report table.data .c-1 { width: 60%; padding: 0.2pt 0.2pt 0.2pt 6pt; border-right: 0pt; }
body.details-report table.data td { border-bottom: solid 0.5pt #888; font-size: 9pt; }
body.details-report table.data tr.title .c-0 { font-size: 10.5pt; line-height: normal; border-right-color: transparent; }
body.details-report table.data tr.title .c-1 { line-height: normal; font-weight: normal; }
body.details-report table.data tr.sub .c-0 { font-size: 10.5pt; font-weight: normal; }
body.details-report table.stores td { width: 25%; }
body.details-report table.stores tr.title .c-0 { font-size: 14pt; font-weight: bold; }
body.details-report table.stores tr.types td { font-weight: bold; font-size: 10pt; }
body.summary-report table.data tr.title td { font-weight: bold; }
body.summary-report table.data td.c-0 { width: 40%; }
body.summary-report table.data td.c-1, body.summary-report table.data td.c-2 { width: 15%; }
body.summary-report table.data td.c-3 { width: 10%; }
body.summary-report table.data td.c-4 { width: 20%; }
body.anchorStores-report table.data tr.title td { font-weight: bold; }
body.anchorStores-report table.data td.c-0 { width: 30%; }
body.anchorStores-report table.data td.c-1 { width: 25%; }
body.anchorStores-report table.data td.c-2 { width: 14%; }
body.anchorStores-report table.data td.c-3 { width: 6%; }
body.anchorStores-report table.data td.c-4 { width: 25%; }
body.marketAreaSales-report table.data tr.title td { font-weight: bold; }
body.marketAreaSales-report table.data td.c-0 { width: 26%; }
body.marketAreaSales-report table.data td.c-1, body.marketAreaSales-report table.data td.c-2 { width: 37%; }
body.leasingAgentContact-report table.data tr.title td { font-weight: bold; }
body.leasingAgentContact-report table.data td.c-0 { width: 30%; }
body.leasingAgentContact-report table.data td.c-1 { width: 10%; }
body.leasingAgentContact-report table.data td.c-2, body.leasingAgentContact-report table.data td.c-3 { width: 7%; }
body.leasingAgentContact-report table.data td.c-4 { width: 16%; }
body.leasingAgentContact-report table.data td.c-5 { width: 30%; }
body.mallManagerContact-report table.data tr.title td { font-weight: bold; }
body.mallManagerContact-report table.data td.c-0 { width: 30%; }
body.mallManagerContact-report table.data td.c-1, body.mallManagerContact-report table.data td.c-2, body.mallManagerContact-report table.data td.c-3, body.mallManagerContact-report table.data td.c-4 { width: 10%; }
body.mallManagerContact-report table.data td.c-5 { width: 30%; }
body.managementCompanyContact-report table.data tr.title td { font-weight: bold; }
body.managementCompanyContact-report table.data td.c-0 { width: 30%; }
body.managementCompanyContact-report table.data td.c-1, body.managementCompanyContact-report table.data td.c-2, body.managementCompanyContact-report table.data td.c-3, body.managementCompanyContact-report table.data td.c-4 { width: 10%; }
body.managementCompanyContact-report table.data td.c-5 { width: 30%; }
body.marketingManagerContact-report table.data tr.title td { font-weight: bold; }
body.marketingManagerContact-report table.data td.c-0 { width: 30%; }
body.marketingManagerContact-report table.data td.c-1, body.marketingManagerContact-report table.data td.c-2, body.marketingManagerContact-report table.data td.c-3, body.marketingManagerContact-report table.data td.c-4 { width: 10%; }
body.marketingManagerContact-report table.data td.c-5 { width: 30%; }
body.ownerDeveloperContact-report table.data tr.title td { font-weight: bold; }
body.ownerDeveloperContact-report table.data td.c-0 { width: 30%; }
body.ownerDeveloperContact-report table.data td.c-1, body.ownerDeveloperContact-report table.data td.c-2, body.ownerDeveloperContact-report table.data td.c-3, body.ownerDeveloperContact-report table.data td.c-4 { width: 10%; }
body.ownerDeveloperContact-report table.data td.c-5 { width: 30%; }
body.specialityLeasingContact-report table.data tr.title td { font-weight: bold; }
body.specialityLeasingContact-report table.data td.c-0 { width: 30%; }
body.specialityLeasingContact-report table.data td.c-1, body.specialityLeasingContact-report table.data td.c-2, body.specialityLeasingContact-report table.data td.c-3, body.specialityLeasingContact-report table.data td.c-4 { width: 10%; }
body.specialityLeasingContact-report table.data td.c-5 { width: 30%; }
body.physicalFeatures-report table.data tr.title td { font-weight: bold; }
body.physicalFeatures-report table.data td.c-0 { width: 40%; }
body.physicalFeatures-report table.data td.c-1, body.physicalFeatures-report table.data td.c-2 { width: 30%; }
body.specialityLeasing-report table.data tr.title td { font-weight: bold; }
body.specialityLeasing-report table.data td.c-0 { width: 34%; }
body.specialityLeasing-report table.data td.c-1, body.specialityLeasing-report table.data td.c-2 { width: 33%; }
div.report-detail small.footnote, body.details-report div.report-footnote { display: none; }
tr.notice td.c-1 { font-weight: bold; }
@media screen { div.report {   margin: 0 auto;   width: 990px; } div.report-print-header, div.report-summary img, div.report-page-header, div.report-page-footer {   display: none; } div.page-break {   border-top: dotted 1pt black;   margin-top: 2em;   margin-bottom: 2em; } }
@media print { div.report-header, div.report-footer {   display: none; } #search-details div.contact {   width: 45%; } div.section {   page-break-inside: avoid;   clear: both; } div.report-print-header {   padding: 8px;   border: dashed 0.5pt #808080;   margin-bottom: 4pt;   text-align: center; } div.report-summary {   background: white; } div.report-summary img {   float: left;   width: 1.66in; } div.report-summary h1 {   color: black;   font-size: 15pt; } div.report-summary p {   color: black; } a {   color: black !important;   text-decoration: none !important; } div.page-break {   page-break-before: always; } div.report-print-header, div.report-summary {   display: none; } div.report-page-header {   display: block;   margin-bottom: 3pt;   padding-bottom: 3pt;   border-bottom: dashed 0.5pt black;   text-align: left;   font-size: 8pt; } div.report-page-footer {   display: block;   margin-top: 3pt;   padding-top: 3pt;   border-top: dashed 0.5pt black;   text-align: center;   font-size: 8pt; } div.report-page-header img {   height: 18pt;   border: solid 0.5pt black;   margin-right: 36px;   line-height: 1.2; } }
/* --- Purchase Reports --- */
#report-options strong#reports-total { font-weight: bold; font-size: 12px; }
#report-options label.selected { color: #000; }
#report-options small { color: #888; }
#report-options a.sample { background: url(../images/preview.png) no-repeat top right; float: right; padding-right: 18px; font-size: 11px; display: none; }
#report-options tr.report-hover a.sample { display: block; }
#shop-reports-feature { display: none; }
/*** FORMS ***/
/* ---------------------------- Form stuff ------------------------------- */
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; }
select { background-color: #fff; }
.button, .button-large, .buttons > a { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 15px; padding: 7px 15px; background: #f59803; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color: white; cursor: pointer; text-align: center; overflow: hidden; text-decoration: none; }
.button:hover, .button-large:hover, .buttons > a:hover { background-color: #fcad2f; }
.button.button-green { background-color: #89a500; }
.button.button-green:hover { background-color: #9ebf00; }
.button.button-blue { background-color: #00669A; }
.button.button-blue:hover { background-color: #0077b4; }
button.button, input.button { /*padding-top:0px !important;*/ }
.button-large { height: 28px; padding-top: 2px; font-size: 18px; }
.errorSummary { padding: 20px; border: 1px solid #ffffff; background: #ffff99; }
.errorSummary ul { margin-left: 20px; }
form .field-description, form .opt-in-label { color: #fff; }
a.icon { display: inline-block; width: 16px; height: 16px; border: none; text-decoration: none; }
a.impersonate-icon { background: transparent url(../images/impersonate.png) no-repeat top left; }
.masking { width: 250px; margin: 0 auto; padding: 4px 20px; background: #f59803; color: #333; position: fixed; left: 0; top: 0; }
.masking a { color: #5e3a01; }
/* --- Timeout Warning --- */
#timeout { position: fixed; z-index: 1000; width: 100%; background: #f00; color: #fff; padding: 2px 4px; font-weight: bold; text-align: center; display: none; }
/* FLASH STYLES */
.flash { margin: 0 0 10px; padding: 5px 10px 5px 28px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height: 10px; }
.flash:before, .flash:after { content: " "; display: table; }
.flash:after { clear: both; }
.flash { *zoom: 1; }
.flash li { list-style: none; }
.flash strong, .flash em, .flash a { font-weight: bold; }
.flash-error { border: 1px solid #DD3C10; background: #FFEBE8 url(../images/error.png) no-repeat 5px 7px; color: #336600; }
.flash-success { border: 1px solid #AADD77; background: #CCFF88 url(../images/tick.png) no-repeat 5px 7px; color: #336600; }
.flash-warning { background-color: #d64d32; border-radius: 2px; color: #fff; padding: 1em; }
.flash-warning a { font-weight: normal; color: #fff; text-decoration: none; border-bottom: solid 1px #f3d3ce; }
.flash-warning a:hover { color: #f6d9d4; }
.flash-warning p { margin-bottom: 0; }
.container-inner > .flash-warning { max-width: 525px; margin: 0 auto 2em auto; line-height: 1.5; }
.container-inner > .flash-warning a { border-bottom-width: 2px; }
@media (min-width: 768px) { .container-inner > .flash-warning {   font-size: 18px; } }
.container-inner > .flash-warning-expiration { position: relative; display: flex; align-items: center; justify-content: center; }
.container-inner > .flash-warning-expiration:before { font-size: 3em; font-weight: bold; content: "WAIT!"; display: inline-block; margin-right: 24px; }
.errorSummary { margin: 0 0 10px; background-color: #fed593; padding: 10px; }
.errorSummary p { font-weight: bold; }
.page-view .trial-form { float: none; width: 100%; }
.page-view .trial-form .form { padding: 2em 35px; margin-left: auto; margin-right: auto; background-color: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.page-view .trial-form .form-fields, .page-view .trial-form .form dl { padding: 0; }
@media (min-width: 1025px) { .page-view .trial-form .form {   width: 347px; } }
.trial-form { background-color: #f59803; }
.trial-form h2 { color: #FFF; }
.trial-form .form { background-color: transparent; }
.form .button, .form .buttons > a { background-color: #00669A; font-size: 18px; width: 100%; max-width: 347px; }
.form .button:hover, .form .buttons > a:hover { background-color: #0088cd; }
.form .buttons { background-color: transparent; }
.form input[type="text"], .form input[type="password"], .form select { border: none; width: 100%; height: 44px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 15px; font-family: helvetica, arial, sans-serif; }
.form input[type="text"]::placeholder, .form input[type="password"]::placeholder, .form select::placeholder { color: #aa6b05; }
.form .register-subheading { margin-bottom: 1em; font-style: italic; font-weight: 300; line-height: 1.3; font-family: helvetica, arial, sans-serif; }
@media (min-width: 768px) { .form .button {   font-size: 24px;   padding: 20px 28px; } }
@media (max-width: 1024px) { .form .register-subheading {   font-size: 21px; } }
@media (min-width: 1025px) { .form .button, .form .buttons > a {   font-size: 29px;   padding: 20px 28px; } .form .register-subheading {   font-size: 24px; } }
@media (min-width: 1025px) { .form input[type="text"] {   font-size: 16px; } }
form#group-dispatch .button, form#group-dispatch .button > a { padding: 8px 16px; font-size: 16px; }
.form { background-color: #ECE9E2; overflow: hidden; }
.form h2 { margin-bottom: 15px; clear: both; }
@media (max-width: 480px) { .form h2 {   font-size: 21px; } }
@media (min-width: 481px) and (max-width: 1024px) { .form h2 {   font-size: 24px; } }
@media (min-width: 1025px) { .form h2 {   font-size: 32px; } }
.form p { /*padding: 10px; margin: 0 !important;*/ margin: .5em 0; }
/* FORM STYLES */
#registration h2 { margin-bottom: 0; color: #fff; }
.form-notes { margin-top: 1em; padding: 1.5em; background-color: rgba(255, 255, 255, 0.8); }
.field-description { font-size: 14px; padding-top: .25em; }
.form { padding: 1em; }
.form dl { position: relative; overflow: hidden; margin-bottom: 15px; }
.form dl.checkbox dd { width: 12px; float: left; margin-right: 8px; padding-top: 3px; }
.form dt { width: auto; margin: 0 0; display: block; padding-right: 10px; /*position:absolute; left:0px;*/ }
.form label { font-weight: bold; cursor: pointer; }
.form dd { color: #333; width: 100%; }
.form textarea { padding: 10px; border: none; }
.form .jHtmlArea { width: 900px !important; }
.form .jHtmlArea .ToolBar { width: 100% !important; }
.form .jHtmlArea div { display: block !important; }
.form iframe.wysiwyg { width: 100% !important; min-height: 500px; }
.form input[type="text"] { width: 100%; }
.form select { padding: 4px; }
.form span.required { color: #F00; }
.form div.buttons { clear: both; overflow: hidden; text-align: center; margin-top: 1em; display: flex; justify-content: center; }
.form div.buttons .button, .form div.buttons > a { margin: 0 10px 0 0; text-decoration: none; line-height: 1; }
.form dt.opt-in-label { line-height: normal; }
.form dt.opt-in-label label { height: 24px; }
/* CONTACT FORM */
body.sharpspring_form form { width: 60%; }
/* SUBSCRIPTION FORM */
form.subscription div.features { overflow: hidden; clear: both; }
form.subscription div.features dl { width: 30%; float: left; }
form.subscription div.features dd { clear: both; }
/* GENERIC TABLE STYLES */
div.table-header { background-color: #002e52; overflow: hidden; color: white; padding: 8px 10px; }
div.table-header p { color: #FFF; }
div.table-header h1 { font-size: 32px; font-weight: bold; text-align: center; padding: 15px 0; }
div.table-header h2 { font-size: 12px; color: #FFF; display: inline; font-weight: bold; line-height: 24px; float: left; }
div.table-header label { font-weight: bold; text-decoration: none; font-size: 100%; }
div.table-header input { padding: 3px; }
div.table-header select { padding: 2px; border: 0 none; }
div.table-body .last { border: none; }
div.table-body th { text-align: left; background-color: #F5CC3C; color: #222; font-weight: bold; padding: 5px; font-size: 12px; }
div.table-body th a { display: block; color: #222; text-decoration: none; }
div.table-body td { padding: 5px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; color: #444; font-size: 12px; }
div.table-body td:first-child { border-left: solid 1px #ccc; }
div.table-body td strong { color: #000; }
div.table-body table { border: 1px solid #bbb; width: 100%; }
div.table-body tr.odd td { background-color: #FFF; }
div.table-body tr.even td { background-color: #ECE9E2; }
div.table-footer { background-color: #113F73; background-color: #002e52; padding: 10px; color: #FFF; overflow: hidden; }
div.table-footer p { font-size: 10px; }
div.table-footer a { color: #FFF; }
div.table-footer div.pager { overflow: hidden; }
div.table-footer div.pager div.pager-showing { float: left; }
div.table-footer div.pager div.pager-widget { float: right; font-weight: 10px; }
div.table-body tbody tr.hover td { background: #F5CC3C; }
div.table-row-links tbody tr { cursor: pointer; }
div.table-body tbody tr.active td { background: #89a500; color: white; }
/* GRID VIEW */
.grid-view table.items { border: 1px solid #CCC; width: 100%; }
.grid-view table.items th { border-right: 1px solid #FFF; color: #000 !important; font-weight: bold; padding: 5px; font-size: 10px; background: #F5CC3C !important; }
.grid-view table.items th a { color: #000 !important; }
.grid-view table.items tr.odd { background-color: #FFF; }
.grid-view table.items tr.even { background-color: #ECE9E2; }
.grid-view table.items td { padding: 5px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; color: #444; font-size: 10px; }
.grid-view div.summary, .grid-view div.pager { background-color: #113F73; padding: 5px 10px; overflow: hidden; color: #FFF; margin: 0; }
/* TABS */
/* SUBSCRIPTION LIST */
/* PROMOTIONS */
/* ARTICLES LIST */
/* EMAILS LIST */
tr.disabled td { color: #999; }
tr.disabled td strong { color: #999; }
tr.disabled th { color: #999; }
/* PAGE DISPLAY */
.page-view .main-image { float: left; margin: 0 0 20px 0; }
.page-view .page-content-with-trial-form { float: left; width: 60%; padding-right: 5%; }
.page-view ul { margin-left: 20px; }
/* internal feature, does not need to be exposed */
/* --- Yii standard Admin stuff --- */
div.form div.row { margin: 0 20px 20px 20px; }
div.form div.row label { /*width:150px; display:block; float:left; text-align:right; margin-right:10px; */ }
div#home-search { background: #ece9e1; width: 912px; height: 48px; margin: 0px auto 18px auto; position: relative; }
div.home-search-block { display: block; height: 48px; float: left; border-right: solid 1px #fff; text-align: center; }
div.home-search-block h3 { height: 34px; padding: 14px 14px 0px 14px; display: inline-block; cursor: pointer; }
div.home-search-block h3 div { display: inline; background: url(../images/blue-arrow.png) no-repeat 100% 75%; color: #00b0cc; font-size: 16px; font-weight: bold; font-family: "Century Gothic", arial, helvetica, sans-serif; padding: 0px 18px 0 0; }
div#home-location-search { background: url(../images/searches-left.png) no-repeat left top; width: 264px; }
div#home-gla-search { width: 356px; }
div#home-center-search { background: url(../images/searches-right.png) no-repeat right top; border-right: 0px; width: 290px; }
div.home-search-dropdown { display: none; background: #00b0cc; height: 400px; width: 500px; position: relative; text-align: left; }
div.home-search-active div.home-search-dropdown { display: block; }
div#home-location-search.home-search-active { background: #00b0cc url(../images/searches-left-hover.png) no-repeat left top; }
div#home-location-search div.home-search-dropdown { width: 635px; height: 328px; padding: 20px 0px 0px 20px; }
div#home-gla-search div.home-search-dropdown { width: 286px; height: 133px; padding: 10px 0 0 70px; }
div#home-center-search div.home-search-dropdown { width: 252px; height: 258px; padding: 10px 0 0 38px; }
div#home-gla-search.home-search-active { background-color: #00b0cc; }
div#home-center-search.home-search-active { background: #00b0cc url(../images/searches-right-hover.png) no-repeat right top; }
div.home-search-active h3 div { background-image: url(../images/white-arrow.png); color: #fff; }
div#home-center-search div.home-search-dropdown { right: 0px; }
/******************************************** NEWS */
/* --- Common Typography --- */
.common.news { margin-left: auto; margin-right: auto; padding: 2em 1em; }
.common.news p { margin-bottom: 10px; }
.common.news h1 { font-size: 36px; margin: 24px 0 12px 0; }
.common.news h2 { font-size: 24px; font-weight: bold; }
.common.news h3 { font-weight: bold; margin-bottom: 10px; }
.news img { margin-right: 20px; }
.news-teasers .teaser-entry { margin-bottom: 1.5em; }
.news-teasers .teaser-entry h3 { margin-bottom: 0 !important; font-weight: 500; font-size: 21px; }
.news-teasers .teaser-entry a { font-weight: 300; text-decoration: none; }
@media (max-width: 1024px) { .news-teasers .teaser-entry a {   font-size: 14px; } }
@media (min-width: 1025px) { .news-teasers .teaser-entry a {   font-size: 21px; } }
.news-teasers .teaser-entry > * { line-height: 1.5; }
.article-date { color: #999; font-size: 18px; font-weight: bold; margin-bottom: 1em; }
#news span.date { /*display:inline-block; width:150px; padding-right:12px; text-align: right; */ }
@media (min-width: 768px) { div#layout-content .news-new h1 {   font-size: 24px; } }
@media (min-width: 1024px) { div#layout-content .news-new h1 {   font-size: 36px; } }
@media (min-width: 1278px) { div#layout-content .news-new h1 {   font-size: 40px; } }
.news { /* max-width: 1000px;*/ /*UPDATE BY AIMG*/ margin: 0 auto; /*overflow: hidden;*/ /*UPDATE BY AIMG*/ /*line-height: 1.5;   color: #222;   background-color: #fff;   font-size: 15px;*/ }
.news br { line-height: 1; }
.news div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.news img { max-width: 100%; }
.news ul { padding-left: 1.5em; }
.news h1, .news h2, .news h3, .news h4 { /* font-family: Oswald, trebuchet-ms, arial, helvetica, sans-serif;*/ font-family: 'Fira Sans Condensed', arial, helvetica, sans-serif; }
.news h1 { font-weight: 400 !important; margin-bottom: .25em !important; letter-spacing: -2px; line-height: 1.2; font-size: 44px; }
.news h2 { font-weight: 600 !important; letter-spacing: -.5px; }
.news h3, .news h4 { font-weight: 600 !important; }
.news h3 { font-size: 24px !important; }
.news h4 { font-size: 18px; margin-bottom: .5em; }
.news .article-date { /*font-family: Oswald, trebuchet-ms, arial, helvetica, sans-serif;*/ font-family: 'Fira Sans Condensed', arial, helvetica, sans-serif; font-weight: 400; text-transform: uppercase; }
.news .section.QUOTE { color: #999; max-width: 840px; margin: 60px auto; /* font-family: Oswald, trebuchet-ms, arial, helvetica, sans-serif;*/ font-family: 'Fira Sans Condensed', arial, helvetica, sans-serif; font-size: 24px; font-weight: 300; text-align: center; }
.news img { margin-left: auto; margin-right: auto; display: block; }
.news .section { margin-bottom: 60px; clear: both; }
.news .section.IMAGE_LEFT .content { position: relative; }
.news .section.IMAGE_LEFT .content img { float: left; width: 33%; margin: 0 2% 2% 0; }
.news .section:before, .news .section:after { content: " "; display: table; }
.news .section:after { clear: both; }
.news .section { *zoom: 1; }
.news .section.IMAGE_RIGHT .content { position: relative; }
.news .section.IMAGE_RIGHT .content img { float: right; width: 33%; margin: 0 0 2% 2%; }
.news .section.IMAGE_BIG .text { margin-top: 1em; }
.news .section.FOOTER { padding-top: 60px; margin-top: 60px; border-top: solid 1px #bedcf5; }
.news .section.FOOTER .content { position: relative; padding-left: 220px; }
.news .section.FOOTER .content img { position: absolute; left: 0; top: 0; width: 190px; }
.news .section.FOOTER .content .text { color: #777; font-size: 13px; }
.news h1 div { display: inline; }
.edit-button { display: block; float: right; font-size: 14px; color: #ccc; cursor: pointer; text-transform: lowercase; }
.edit-button:hover { color: #666; }
.news > img { margin-bottom: 60px; }
.news-edit .news-preview { margin: 20px; padding: 20px; background-color: #fff; }
.news-edit .news-form { padding: 20px; }
.news-edit .image-transform-url { display: none; }
.button-add { font-size: 18px; line-height: 18px; color: #89a500; }
.button-add:hover { color: #9ebf00; }
.button-add i { top: 3px; }
trix-toolbar button.icon.heading-1, trix-toolbar button.icon.quote, trix-toolbar button.icon.code { display: none; }
div#layout-content .news-preview h1 { font-size: 40px; }
div#layout-content .news-preview .news > div:not(.article-date) { padding: 15px; transition: all .3s; }
div#layout-content .news-preview .news > div:not(.article-date):hover { background: #f9f9f9; }
.page-new .page-view > h1 { display: none; }
.page-new .layout-content h2 { color: #000; }
.page-new p a { color: #f59803; }
.page-new .common { padding-left: 0; padding-right: 0; }
@media (max-width: 480px) { .page-new .IMAGE_LEFT, .page-new .IMAGE_RIGHT, .page-new TRIAL_SIGNUP, .page-new .CALL_TO_ACTION .cta {   padding-left: 10px;   padding-right: 10px; } }
@media (min-width: 481px) and (max-width: 1024px) { .page-new .IMAGE_LEFT, .page-new .IMAGE_RIGHT, .page-new TRIAL_SIGNUP, .page-new .CALL_TO_ACTION .cta {   padding-left: 20px;   padding-right: 20px; } }
@media (min-width: 1025px) and (max-width: 1250px) { .page-new .IMAGE_LEFT, .page-new .IMAGE_RIGHT, .page-new TRIAL_SIGNUP, .page-new .CALL_TO_ACTION .cta {   padding-left: 30px;   padding-right: 30px; } }
@media (min-width: 1251px) { .page-new .IMAGE_LEFT, .page-new .IMAGE_RIGHT, .page-new TRIAL_SIGNUP, .page-new .CALL_TO_ACTION .cta {   max-width: 1210px;   margin-left: auto;   margin-right: auto; } }
.page-new .addthis-wrapper { background-color: #89a500; }
.page-new .addthis-wrapper > div { padding-top: 1em; padding-bottom: 1em; margin-left: auto; margin-right: auto; }
@media (max-width: 480px) { .page-new .addthis-wrapper > div {   padding-left: 10px;   padding-right: 10px; } }
@media (min-width: 481px) and (max-width: 1024px) { .page-new .addthis-wrapper > div {   padding-left: 20px;   padding-right: 20px; } }
@media (min-width: 1025px) and (max-width: 1250px) { .page-new .addthis-wrapper > div {   padding-left: 30px;   padding-right: 30px; } }
@media (min-width: 1251px) { .page-new .addthis-wrapper > div {   max-width: 1210px;   margin-left: auto;   margin-right: auto; } }
@media (max-width: 1150px) { .page-new .addthis-wrapper > div {   /*&.addthis_default_style > a {         float:none!important;         display: inline-block!important;       }*/ } }
@media (min-width: 1151px) { .page-new .addthis-wrapper {   left: 0; } }
@media (min-width: 768px) { .page-new .IMAGE_RIGHT {   float: left;   width: 50%;   margin-right: 2%; } }
.trial-form-notes { background-color: #d6e5f0; padding: 1em; font-weight: 300; clear: both; }
.trial-form-notes span { display: block; font-weight: 400; }
.main-content .main-content-text { padding-top: 2em; padding-bottom: 2em; }
@media (min-width: 768px) { .main-content {   display: flex;   justify-content: space-between; } .main-content .main-content-text {   width: 60%; } .main-content .TRIAL_SIGNUP {   width: 35%; } }
@media (min-width: 1025px) { .main-content .TRIAL_SIGNUP {   position: relative;   z-index: 1;   margin-top: -5em; } }
@media (min-width: 1251px) { .main-content {   max-width: 1210px;   margin-left: auto;   margin-right: auto; } }
.main-content-text ul { padding-left: 0; margin-left: 0; }
.main-content-text ul li { list-style: none; color: #00669A; margin-bottom: 10px; padding-left: 20px; position: relative; line-height: 1.3; }
.main-content-text ul li:before { position: absolute; left: 0; top: 0; content: "\e800"; font-family: "fontello"; color: #89a500; display: inline-block; }
@media (max-width: 767px) { .main-content-text ul li {   font-size: 12px; } .main-content-text ul li:before {   margin-right: 4px;   width: 18px;   height: 16px;   background-size: 18px 16px; } }
@media (min-width: 768px) and (max-width: 1023px) { .main-content-text ul li {   font-size: 16px;   padding-left: 30px; } .main-content-text ul li:before {   margin-right: 5px;   width: 28px;   height: 25px;   background-size: 28px 25px; } }
@media (min-width: 1025px) { .main-content-text ul li {   font-size: 18px;   padding-left: 40px; } .main-content-text ul li:before {   margin-right: 8px;   width: 32px;   height: 29px;   background-size: 32px 29px; } }
@media (max-width: 767px) { .main-content-text {   padding-left: 25px;   padding-right: 25px; } }
@media (min-width: 768px) and (max-width: 1024px) { .main-content-text {   padding-left: 40px;   padding-right: 40px; } }
@media (min-width: 1025px) and (max-width: 1250px) { .main-content-text {   padding-left: 60px;   padding-right: 60px; } }
.section-text:after { content: ""; display: block; height: 1px; width: 100%; margin: 2em 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,89a500+20,89a500+50,89a500+80,ffffff+100 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(left, #ffffff 0%, #89a500 20%, #89a500 50%, #89a500 80%, #ffffff 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #ffffff 0%, #89a500 20%, #89a500 50%, #89a500 80%, #ffffff 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #ffffff 0%, #89a500 20%, #89a500 50%, #89a500 80%, #ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1); /* IE6-9 */ }
.section-text:last-child:after { display: none; }
.page-heading { background: url(../images/market-banner-bg.jpg) no-repeat center top; background-size: auto 254px; width: 100%; position: relative; }
.page-heading p { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; color: #fff; background: rgba(0, 0, 0, 0.5); padding: .25em 1em; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-transform: uppercase; position: absolute !important; top: 50%; margin-bottom: 0; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8); font-size: 36px; font-size: 2.25rem; line-height: 1.3; }
@media (min-width: 768px) { .page-heading p {   font-size: 36px;   font-size: 2.25rem;   line-height: 0.750;   line-height: 1.3; } }
@media (min-width: 1024px) { .page-heading p {   font-size: 42px;   font-size: 2.625rem;   line-height: 0.643;   line-height: 1.3; } .page-heading p span.inner {   display: block;   margin-left: auto;   margin-right: auto;   max-width: 1210px; } }
@media (min-width: 1278px) { .page-heading p {   font-size: 48px;   font-size: 3rem;   line-height: 0.500;   line-height: 1.3; } }
@media (max-width: 1024px) { .page-heading {   height: 154px; } }
@media (min-width: 1025px) { .page-heading {   height: 256px; } }
@media (min-width: 1251px) { .page-heading h1 .inner {   max-width: 1210px;   display: block;   margin-left: auto;   margin-right: auto; } }
.CALL_TO_ACTION { clear: both; padding-top: 2em; padding-bottom: 2em; background-color: #eee; }
.CALL_TO_ACTION .cta-primary > div { font-weight: 300; font-size: 1.4em; }
.CALL_TO_ACTION .cta-secondary { text-align: center; }
.CALL_TO_ACTION .cta-overlay { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fff; padding: 1em; margin-bottom: 1em; margin-left: auto; margin-right: auto; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.CALL_TO_ACTION .cta-overlay h4 { margin-bottom: 1em; }
@media (max-width: 767px) { .CALL_TO_ACTION .button {   font-size: 18px; } .CALL_TO_ACTION .cta-primary, .CALL_TO_ACTION .cta-secondary {   padding-left: 15px;   padding-right: 15px; } .CALL_TO_ACTION .cta-overlay {   max-width: 360px; } }
@media (min-width: 768px) { .CALL_TO_ACTION .button {   font-size: 29px;   padding: 20px 18px; } .CALL_TO_ACTION .cta {   margin-left: auto;   margin-right: auto; } .CALL_TO_ACTION .cta-primary {   margin-bottom: 1em; } .CALL_TO_ACTION .cta-overlay {   position: relative;   max-width: 504px;   margin-left: auto;   margin-right: auto; } .CALL_TO_ACTION .cta-overlay:before {   position: absolute;   z-index: 1;   top: 50%;   left: -112px;   -webkit-transform: translateY(-50%);   -ms-transform: translateY(-50%);   transform: translateY(-50%);   content: "";   display: block;   width: 150px;   height: 148px;   background: url(../images/cta-big-green-arrow.png) no-repeat left top;   background-size: 100% 100%; } }
@media (min-width: 768px) and (max-width: 1150px) { .CALL_TO_ACTION .cta {   max-width: 650px; } }
@media (min-width: 1151px) { .CALL_TO_ACTION {   background: #eee url(../images/market-call-bg.jpg) no-repeat right center;   overflow: hidden;   padding-top: 4em;   padding-bottom: 4em; } .CALL_TO_ACTION .cta-primary, .CALL_TO_ACTION .cta-secondary {   float: left; } .CALL_TO_ACTION .cta-primary {   width: 40%;   margin-right: 2%; } .CALL_TO_ACTION .cta-secondary {   width: 58%;   overflow: hidden; } .CALL_TO_ACTION .cta-secondary p {   max-width: 520px;   margin-left: auto;   margin-right: auto;   float: right;   clear: right; } .CALL_TO_ACTION .cta-overlay {   padding: 2em;   background-color: rgba(255, 255, 255, 0.55);   float: right; } }
.TESTIMONIALS { clear: both; background-color: #00669A; padding-top: 2em; padding-bottom: 2em; text-align: center; }
@media (max-width: 480px) { .TESTIMONIALS {   padding-left: 10px;   padding-right: 10px; } }
@media (min-width: 481px) and (max-width: 1024px) { .TESTIMONIALS {   padding-left: 20px;   padding-right: 20px; } }
@media (min-width: 1025px) and (max-width: 1250px) { .TESTIMONIALS {   padding-left: 30px;   padding-right: 30px; } }
@media (min-width: 1251px) { .TESTIMONIALS {   max-width: 1210px;   margin-left: auto;   margin-right: auto; } }
@media (min-width: 1251px) { .TESTIMONIALS {   max-width: 100%; } }
.TESTIMONIALS h2 { color: #fff !important; }
.TESTIMONIALS .testimonial-text { margin-top: 1em; }
.TESTIMONIALS .slider { padding: 2em; text-align: left; background-color: #fff; margin: 2em auto; }
.TESTIMONIALS .button { padding: 12px 20px; font-size: 18px; }
@media (min-width: 1025px) { .TESTIMONIALS .button {   font-size: 24px; } }
.TESTIMONIALS span.author, .TESTIMONIALS span.title, .TESTIMONIALS span.department { display: block; font-style: italic; }
@media (max-width: 767px) { .TESTIMONIALS .slider {   padding-left: 50px;   padding-right: 50px; } }
@media (min-width: 768px) { .TESTIMONIALS img {   float: left;   margin-right: 2%;   width: 20%; } .TESTIMONIALS .testimonial-text {   float: left;   width: 78%; } .TESTIMONIALS .slider {   padding-left: 70px;   padding-right: 70px; } }
@media (min-width: 1251px) { .TESTIMONIALS .slider {   max-width: 1210px; } }
.register-subheading { color: #fff; }
@media (min-width: 768px) { body.modal-open .main-content {   display: block; } body.modal-open .main-content .main-content-text {   width: 100%;   padding: 0; } }
/************************************/
/************************************/
/******ADDED BY AIMG ****************/
/************************************/
/************************************/
/***notes***/
/*
- anywhere .dropdown was used for to nav, had to dupe with ul set to sub-menu for wp
- made update for dropdown font to not be large
- change line-height on body to line-height: 1.6
- commented out container-inner max width 980
*/
.footer-share { position: absolute; top: -38px; left: 0; }
.footer-share div.addthis_inline_share_toolbox { float: left; clear: none !important; }
.footer-share p { float: left; margin-right: 10px; color: #FFF; }
@media (max-width: 1251px) { .footer-share {   left: 20px; } }
@media (max-width: 480px) { .footer-share p {   display: none; } .footer-newsletter-signup {   font-size: 14px; } }
@media (max-width: 380px) { .footer-share .at-resp-share-element.at-mobile .at-share-btn {   margin-right: 1px !important; } .footer-newsletter-signup {   width: 120px;   top: -42px;   line-height: 1.1 } }
#social { overflow: visible !important; }
#social .addthis_inline_follow_toolbox { display: inline-block; margin: auto; }
.news h5 { /*font-family: Oswald, trebuchet-ms, arial, helvetica, sans-serif;*/ font-family: 'Fira Sans Condensed', arial, helvetica, sans-serif; }
.home-top-right { width: 60%; }
@media (max-width: 1024px) { .home-top-right {   width: 100%; } }
.layout-content .home-top-left ul { margin-bottom: 0; }
@media (max-width: 1024px) { .layout-content .home-top-left ul {   margin-bottom: 20px; } }
.layout-content .home-top-left .green-arrows li { margin-bottom: 0; }
.layout-content .home-top-left h3 { margin-bottom: 12px; }
.layout-content .region-selector ul { margin: 0; padding: 0; }
.layout-content .region-selector ul li { margin: 0; padding: 5px 10px 5px 20px; list-style: none; }
.footnoteText { font-size: .75em; margin-bottom: 0 !important; }
.footnoteText:last-of-type { margin-bottom: 15px !important; }
.footnoteHR { border: 1px solid #ddd; }
.productpagealigncenter { clear: none; }
/*New Newsletter Styles*/
.page-id-73 .layout-content-newsletter { padding-bottom: 80px !important; padding-top: 0; }
.newsletterTop { background-color: #88a502; padding-top: 20px; padding-bottom: 30px; width: 100%; display: flex; background-image: linear-gradient(90deg, rgba(136, 165, 2, 1) 0%, rgba(136, 165, 2, 1) 55%, rgba(136, 165, 2, 0) 60%), url('https://shoppingcenters.com/wp-content/uploads/2020/10/DMMLaptop.png'); background-size: cover; background-position: bottom; }
.getALeg { color: #FFF; font-size: 36px; line-height: 1.2; font-weight: 500; }
.freeNews { color: #3e4b01; font-size: 60px; line-height: 1; margin-top: 5px; margin-bottom: 8px; font-weight: 900; display: inline-block; text-shadow: 1px 2px 4px #666; -webkit-text-stroke: 1px #b6cb56; }
.scribble { max-width: 165px; position: relative; margin-left: -15px; }
.news .newsletterHeader { color: #007cba !important; font-weight: 700 !important; line-height: 45px; }
.newsletterContainer { background-color: rgb(228, 230, 229) }
.newsletterFlex { display: flex; justify-content: space-between; }
.newsletterBlock { width: 33%; padding: 30px 20px 20px 20px; font-size: 16px; }
.newsletterBlock:first-of-type { padding-left: 0; }
.newsletterBlockLight { background-color: rgb(243, 243, 243); }
.newsletterSignup { background-color: rgb(20, 103, 155); border-top: 4px solid rgb(245, 153, 28); border-bottom: 4px solid rgb(245, 153, 28); min-height: 100px; }
.newsletterSignup > div { min-height: 100px !important; display: flex; }
.newsletterSignup .newsletterSignupContent { color: #FFF; font-weight: 600; font-size: 36px; width: calc(100% - 645px); margin-top: 20px; }
.newsletterSignup .arrows { margin-top: 20px; font-size: 72px; color: rgb(245, 153, 28); }
@media (max-width: 1262px) { .newsletterSignup .arrows {   margin-top: 40px; } }
@media (max-width: 1199px) { .newsletterSignup .arrows {   margin-top: 60px; } }
@media (max-width: 1108px) { .newsletterSignup .arrows {   margin-top: 80px; } }
.newsletterSignUpFormContainer { position: absolute; right: 0; }
.newsletterSignUpForm { min-height: 507px; background: white; padding: 20px; -webkit-box-shadow: 2px 2px 6px 1px rgba(0, 0, 0, .35); -moz-box-shadow: 2px 2px 6px 1px rgba(0, 0, 0, .35); box-shadow: 2px 2px 6px 1px rgba(0, 0, 0, .35); position: relative; bottom: 30px; width: 460px; right: 60px; z-index: 9999; }
.newsletterSignUpForm h2 { color: rgb(245, 153, 28); font-size: 2rem; margin-bottom: 5px !important; text-align: center; }
.newsletterSignUpForm h3 { color: #00669A; font-size: 1.2rem; text-align: center; }
.newsletterSignUpFormBorder { border: 2px solid rgb(233, 233, 233); padding: 10px; text-align: left; }
.gridcol.eight.newsletterVideo { padding: 0; margin: 0; max-width: calc(100% - 550px); font-size: 18px; line-height: 1.4; }
.gridcol.eight.newsletterVideo h2 { font-size: 30px; margin-top: 30px; }
.gridcol.eight.newsletterVideo .phoneImage { max-width: 200px; }
.newsletterVideo ul li:first-child { margin-bottom: 12px; }
.layout-content-newsletter { overflow: hidden; }
.whiteSideContainer { position: absolute; right: -20px; height: 120%; min-width: 200px; width: calc(210px + (100% - 1280px)/2); background: white; top: -10px; }
.whiteSide { background-color: white; width: 9999px; height: 100%; overflow: hidden; }
@media (max-width: 1065px) { .newsletterSignup > div {   flex-direction: column; } .newsletterSignup .arrows {   display: none; } .newsletterSignUpFormContainer {   position: static; } .newsletterSignUpForm {   right: 0;   bottom: 0; } .newsletterSignup .newsletterSignupContent {   text-align: center;   width: 100%; } .newsletterSignup .newsletterSignUpForm {   margin: 0 auto; } .newsletterSignup {   padding-bottom: 20px; } .gridcol.eight.newsletterVideo {   width: 100%;   max-width: none; } .whiteSideContainer {   display: none; } .newsletterSignUpForm {   width: auto;   max-width: 500px; } }
@media (max-width: 850px) { .newsletterContainer .container-inner {   padding: 0 !important; } .newsletterFlex {   justify-content: space-between;   flex-wrap: wrap; } .newsletterBlock {   width: 100%; } .newsletterBlock:first-of-type {   padding-left: 20px; } }
@media (max-width: 750px) { .newsletterTop {   background-image: url(); } }

.clear-wrap:after {content: "";display: table;clear: both;}
.inner { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

/*---------------------------------------------*/
/*---------------------------------------------*/
/*---------------------------------------------*/
/*---------------------------------------------*/
/*---------------------------------------------*/
/***HEADER CHANGE OCT 2022*****/
/*---------------------------------------------*/
/*---------------------------------------------*/
/*---------------------------------------------*/
/*---------------------------------------------*/
/*---------------------------------------------*/

/*MOBILE HEADER---------------------------------------------*/
.mobile-header { display: none; height: 85px; position: fixed; width: 100%; z-index: 1000; top: 0; background-color: #fff; border-bottom: 1px solid #ccc; }
.logowrap { max-width: 420px; margin: 0 0 0 68px; text-align: center; margin-top: 5px; }
.logowrap.logoNoTag {display: none;}
.mobile-header.noNav .logowrap {margin-left: 5px;}
.mobile-header ul.ctaNav { position: absolute; top: 5px; right: 5px; padding: 0; margin: 0; width: 100px; }
.mobile-header ul.ctaNav li { list-style: none; text-align: center; font-weight: bold; padding: 0 0 5px; margin: 0; }
.mobile-header ul.ctaNav li a { display: block; padding: 14px 5px; }
.mobile-header ul.ctaNav li.trial-nav a { color: #FFF; background-color: #f59803; }
.mobile-header ul.ctaNav li.demo-nav a { color: #FFF; background-color: #89A500; }
/*HEADER---------------------------------------------*/
#header { position: fixed; z-index: 1001; width: 100%; height: 100px; padding: 0; background-color: #FFF; border-bottom: 1px solid #ccc; /* -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .25); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .25);*/ }
.header-logo { padding-top: 13px; width: 420px; float: left; margin-left: 30px; }
.header-logo.logoNoTag {display: none;}
.header-right { float: right; width: calc(100% - 480px); text-align: right; margin-right: 30px; }
/*MAIN NAVIGATION---------------------------------------------*/
#nav { padding: 36px 0 0; display: flex; justify-content: flex-end; }
#nav:after { content: ""; display: table; clear: both; }
#nav ul.ctaNav { order: 2; margin-top: -7px; margin-left: 12px; }
#nav ul, #nav ul li { padding: 0; margin: 0; list-style: none; }
#nav > ul { position: relative; padding: 0; margin: 0; list-style: none; }
#nav > ul > li { display: inline-block; list-style: none; padding: 1px; margin-right: 10px; }
#nav ul > li > a { color: #1d1d1d; text-decoration: none; font-weight: 500; font-size: 16px; line-height: 1.1; }
#nav > ul > li:hover > a { color: #216499; }
#nav ul > li.trial-nav, #nav ul > li.demo-nav { margin-right: 5px; }
#nav ul > li.login-nav > a { color: #216499; }
#nav ul > li.login-nav > a::before { font-family: "Font Awesome 6 Pro"; content: "\f2bd"; font-weight: 900; color: #216499; margin-right: 5px; display: inline-block; font-size: 20px; }
#nav ul > li.login-nav:hover > a, #nav ul > li.login-nav:hover > a::before { color: #f59803; }
#nav ul > li.trial-nav > a { color: #FFF; background-color: #f59803; display: inline-block; padding: 10px 18px 12px; border-radius: 30px; transition: 0.5s; }
#nav ul > li.demo-nav > a { color: #FFF; background-color: #89A500; display: inline-block; padding: 10px 18px 12px; border-radius: 30px; transition: 0.5s; }
#nav ul > li.trial-nav > a:hover { background-color: #216499; }
#nav ul > li.demo-nav > a:hover { background-color: #216499; }
/*Sub Menus------------------------------------------*/
#nav ul.sub-menu { display: none; position: absolute; z-index: 100; width: 280px; text-align: left; padding-top: 5px; margin-left: -12px; }
#nav li.short-submenu ul.sub-menu { width: 220px; }
#nav > ul > li.menu-item-has-children > a { background-image: url(../images/dropdown-arrow.png); padding-right: 18px; background-repeat: no-repeat; background-position: right center; }
#nav > ul > li.menu-item-has-children:hover > a { background-image: url(../images/dropdown-arrow-rev.png); }
#nav > ul > li > ul.sub-menu li { background-color: #216499; }
#nav > ul > li:hover > ul.sub-menu { display: block; }
#nav > ul > li > ul.sub-menu > li > a { color: #FFF; text-transform: none; font-weight: 400; padding: 10px 12px; display: block; font-size: 15px; line-height: 1.2; border: none !important; }
#nav > ul > li > ul.sub-menu > li:hover > a { color: #fff; background-color: #113F73; border: none !important; text-decoration: none !important; }
#nav > ul > li > ul.sub-menu > li > a:hover, #nav > ul > li > ul.sub-menu > li { border: none !important; text-decoration: none !important; }
#nav > ul > li > ul.sub-menu > li > ul.sub-sub-menu { padding-bottom: 2px; }
#nav > ul > li > ul.sub-menu > li > ul.sub-sub-menu > li > a { color: #01253f; text-transform: none; font-weight: 400; padding: 4px 10px 4px 20px; display: block; font-size: 0.813em; /*13/16*/ line-height: 1.3; border: none !important; }
#nav > ul > li > ul.sub-menu > li > ul.sub-sub-menu > li:hover > a { color: #01253f; background-color: #dddcdc; border: none !important; text-decoration: none !important; }
#nav ul > li.nav-search > ul.sub-menu { margin-left: -150px; }
#nav ul > li.nav-search > ul.sub-menu form { display: block; padding: 13px; background-color: #eee; }
#nav ul > li.nav-search > ul.sub-menu form input { width: 99%; padding: 10px; }
/*TOUCH STYLES----------------------------------*/
.touch-device #MainMenu > li.menu-item-has-children > a:hover { /*remove hover style for touch*/ background-color: transparent; color: #FFF; }
.touch-device #MainMenu > li.menu-item-has-children:hover { /*remove hover style for touch*/ background-color: transparent; color: #FFF; }
.touch-device #MainMenu > li.menu-item-has-children.active > a { /*in place of hover style*/ color: #fff; background-color: #01253f; }
.touch-device #MainMenu > li.menu-item-has-children:hover > ul.sub-menu { /*remove hover style for touch*/ display: none; }
.touch-device #MainMenu > li.menu-item-has-children.active > ul.sub-menu { display: block; }
.touch-device #nav > ul > li > ul.sub-menu > li > ul.sub-menu { top: 0px; right: auto; position: relative; display: block !important; background: rgba(92, 22, 22, .75); }
.touch-device #nav > ul > li > ul.sub-menu > li > ul.sub-menu > li > a:before { content: "- "; }
/***add fixed header***/
#content { padding-top: 100px; }
/*RESPONSIVE----------------*/
@media (max-width:1300px) { #nav { padding: 10px 0 0; display: flex; flex-wrap: wrap; justify-content: flex-end; } #nav ul#MainMenu { order: 2; } #nav ul.ctaNav { order: 1; margin-top: 0; margin-bottom: 10px; } }
@media (max-width:1030px) {.header-logo { display: none; } .header-logo.logoNoTag { display: block; width: 150px; } .header-right { width: calc(100% - 210px); }}
@media (max-width:840px) { #header, #nav { display: none; } .mobile-header { display: block; } #content { padding-top: 85px; } }
@media (max-width:600px) {.logowrap {display: none; } .logowrap.logoNoTag {display: block; width: 144px;} }
@media (max-width:320px) {.mobile-header ul.ctaNav {display:none;}}