html {
   overflow-y:scroll;   
}

body {
   margin: 0px;
   padding: 0px;   
   font-family: Verdana;
   font-size: 12px;
   background-color: #e0e6e9;
}

* {
   box-sizing: border-box;
}

a {
   text-decoration: none;
}

a:hover {
   text-decoration: underline;
}

.page_wrapper {   
   /*width: 1280px;*/
   width: 1080px;
   margin-left: auto;
   margin-right: auto;
}

.navbar_top_left {
   position: relative;
   top: 0px;
   left: 0px;
   height: 6px;
   width: 660px;
   background-color: #e9eef0;
   border-bottom: 1px solid #d7dcde;   
   border-left: 1px solid #d7dcde;
   border-bottom-left-radius: 10px;
}

.header_wrapper_top_left {
   float: left;
   background-color: #e0e6e9;
   height: 140px;
   width: 540px;
}

.header_logo_wrapper {
   width: 540px;
   height: 134px;   
   /* Spotlight */
   background-image: radial-gradient(circle, white, #e0e6e9, #e0e6e9);
   /*background-image: radial-gradient(circle, white, #e0e6e9);*/
   background-size: 320px 154px;
   background-repeat: no-repeat;
}

.header_logo {
   position: relative;
   top: 10px;
   left: 65px;
   background-image: url('../img/logo_large.png');
   background-repeat: no-repeat;
   /*background-size: 207px 116px; */
   background-size: 187px 105px;
   width: 207px;
   height: 116px;   
   /*-webkit-filter: drop-shadow(0px 0px 60px rgba(255,255,255,1.0));*/
}

.header_wrapper_top_right {
   float: left;
   background-color: #e0e6e9;
   height: 140px;
   width: 540px;
}

.navbar_top_right {
   position: relative;
   top: 0px;
   left: 0px;
   height: 45px;
   /*width: 550px;*/
   background-color: #e9eef0;
   border-bottom: 1px solid #d7dcde;     
   border-right:  1px solid #d7dcde;
   border-bottom-right-radius: 10px;
}

.navbar_top_right_slant {
   position: relative;
   top: 18px;
   left: -24px;
   height: 45px;
   width: 55px;
   border-top: 1px solid #d7dcde;
   
   -webkit-transform: rotate(45deg); 
   -moz-transform: rotate(45deg);    
   -o-transform: rotate(45deg);
   transform: rotate(45deg);
   
   background-color: #e0e6e9;
}

.navbar_top_right_content {
   position: relative;
   margin-left: 50px;
   top: -38px;
   /*width: 500px;*/
   height: 30px;
   line-height: 30px;   
}

.navbar_top_right_new {
   display: inline-block;
   position: relative;
   top: 0px;
   left: 0px;
   padding-left: 22px;
   height: 30px;
   line-height: 30px;
   font-weight: bold;
   color: #575757;   
   vertical-align: top;
}

.navbar_top_right_sales {
   display: inline-block;
   position: relative;
   top: 0px;
   left: 0px;
   background-image: url('../img/phone.png');
   background-repeat: no-repeat;
   background-position: left 6px;
   padding-left: 22px;
   height: 30px;
   line-height: 30px;
   font-weight: bold;
   color: #575757;   
   vertical-align: top;
}

.navbar_top_right_sales a {
   text-decoration: none;
   color: inherit;
}

.navbar_top_right_sales a:hover {
   text-decoration: none;   
   color: #222;
}

.navbar_top_right_divider {
   display: inline-block;
   width: 4px;
   height: 30px;
   border-left: 1px solid #ccc;
   margin-left: 10px;
   margin-right: 10px;
   top: 0px;
   vertical-align: top;
}

.navbar_top_right_links {
   display: inline-block;
   position: relative;
   top: 0px;
   left: 0px;
   background-image: url('../img/help.png');
   background-repeat: no-repeat;
   background-position: left 6px;
   padding-left: 22px;
   height: 30px;
   line-height: 30px;
   font-weight: normal;   
   color: #ccc;
   vertical-align: top;   
}

.navbar_top_right_links a {
   color: #04a0d5;
}

.navbar_top_right_links a:hover {
   color: #283f56;
   text-decoration: none;
}

.header_signin {
   display: inline-block;
   position: relative;
   
   padding-left: 49px;
   top: 0px;
   padding-top: 30px;
   height: 95px;
     
   /* Spotlight */
   background-image: radial-gradient(circle, white, #e0e6e9);
   background-size: 490px 95px;
   background-repeat: no-repeat;
   background-position-x: 0px;
   
   width: 540px;
}

.header_signed_in {
   display: none;    /* inline-block */
   position: relative;
   
   text-align: right;
   padding-right: 21px;
   top: 0px;
   padding-top: 35px;
   height: 95px;
     
   /* Spotlight */
   background-image: radial-gradient(circle, white, #e0e6e9);
   background-size: 490px 95px;
   background-repeat: no-repeat;
   background-position-x: 0px;
   
   width: 540px;
   color: #93a1aa;
}

.hsi_welcome {
   display: inline-block;
}

.hsi_username {
   display: inline-block;
   position: relative;
   top: 3px;
   max-width: 230px;   
   overflow-x: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   font-weight: bold;
   color: #595959;
}

.hsi_myacct {
   display: inline-block;
   color: #04a0d5;
   background-image: url('../img/myaccount.png');
   background-size: 16px 16px;
   background-repeat: no-repeat;
   background-position: left center;
   padding-left: 25px;
   margin-left: 5px;
   margin-right: 5px;
   height: 16px;
   cursor: pointer;
}

.hsi_logout {
   display: inline-block;
   color: #04a0d5;
   background-image: url('../img/signout.png');
   background-size: 16px 16px;
   background-repeat: no-repeat;
   background-position: left center;   
   padding-left: 25px;
   margin-left: 5px;   
   height: 16px;
   cursor: pointer;
}

.hsi_myacct:hover,
.hsi_logout:hover {
   color: #283f56;
   text-decoration: none;   
}

.header_signin input[type="text"],
.header_signin input[type="password"] {
   padding: 7px;
   width: 205px;
   margin-right: 5px;
   border-radius: 6px;
   border: 1px solid #aaa;
}

.header_signin input[type="submit"] {
   background-image: linear-gradient(to bottom, #8b8b8b, #797979);
   border-radius: 6px;
   padding: 6px;   
   padding-left: 10px;
   padding-right: 10px;
   text-decoration: none;
   border: 1px solid #989898;
   color: #fff;
   cursor: pointer;
}

.header_signin input[type="text"]:focus,
.header_signin input[type="password"]:focus {
    box-shadow: 0 0 0 1pt #04a0d5;
}

.main_menu_wrapper {
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   position: relative;
   clear: both;
   width: 100%; /* 1280px */
   height: 45px; 
   border-bottom: 1px solid #165a78;
   background-image: linear-gradient(to bottom, #04a0d5, #007ca6);
}

.main_menu_wrapper a {
   display: inline-block;
   position: relative;   
   top: 0px;
   height: 45px;
   line-height: 45px;
   width: 110px;
   color: white;
   vertical-align: middle;
   text-align: center;
   font-size: 13px;
   font-weight: bold;
}

.main_menu_wrapper>a:first-child {
   margin-left: 45px;
}

.main_menu_wrapper .menu_divider {
   display: inline-block;
   position: relative;
   top: 2px;
   height: 41px;
   border-right: 1px solid #06b4ef;
   border-left: 1px solid #007096;      
}

.main_menu_wrapper div.trial_link {   
   display: inline-block;
   position: relative;   
   top: -5px;
   border: 1px solid #699842;
   border-bottom: 1px solid #406650;
   border-radius: 5px;
   border-bottom-right-radius: 0px;   
   border-bottom-left-radius: 0px;   
   width: 221px;
   height: 49px;
   -webkit-box-shadow: -9px 0px 20px -9px rgba(0,0,0,0.5), 9px 0px 20px -9px rgba(0,0,0,0.5);
   box-shadow: -9px 0px 20px -9px rgba(0,0,0,0.5), 9px 0px 20px -9px rgba(0,0,0,0.5);
   /*box-shadow: 10px 0 5px -2px rgba(0,0,0,0.5);*/
}

.main_menu_wrapper .trial_link a {      
   position: relative;
   top: 0px;
   left: 0px;
   height: 48px;
   line-height: 48px;
   width: 220px;
   background-image: linear-gradient(to bottom, #83be52, #699842);
   border: 1px solid #a4dd68;
   border-bottom: none;
   border-radius: 5px;
   border-bottom-right-radius: 0px;   
   border-bottom-left-radius: 0px;      
   color: white;
   vertical-align: middle;
   text-align: center;
   font-size: 13px;
   font-weight: bold;
}

.main_menu_wrapper .trial_link a:hover,
.main_menu_wrapper .trial_link a.selected {
   background-image: linear-gradient(to bottom, #98d566, #699842);
}

.trial_link .trial_triangle {
   display: inline-block;
   position: absolute;
   top: 46px;
   left: 80px;   
   width: 0; 
   height: 0; 
   border-left: 30px solid transparent;
   border-right: 30px solid transparent;	
   border-top: 14px solid #699842;
   z-index: 1000;
}

.main_menu_wrapper a.main_menu_option_selected,
.main_menu_wrapper a:hover {
   background-image: linear-gradient(to bottom, #0366a0, #004f7d);
   text-decoration: none;
}

.main_menu_wrapper a.main_menu_option_selected {
   cursor: default;   
}

.main_menu_triangle {
   display: inline-block;
   position: absolute;
   top: -3px;
   left: 40px;
   
   width: 0; 
   height: 0; 
   border-left: 15px solid transparent;
   border-right: 15px solid transparent;	
   border-top: 11px solid #f5f8fa;
   -webkit-filter: drop-shadow(0px 0px 8px rgba(128,128,128,0.75));
   filter: drop-shadow(0px 0px 8px rgba(128,128,128,0.75));
}

.banner_wrapper {
   position: relative;
   background-color: #3b526c;
   background-image: url('../img/blinen.png');
   /*background-image: url('../img/balum.png');*/
   /*background-image: url('../img/fsquares.png');*/
   height: 400px;
   width: 100%; /* 1280px; */
   border-top: 1px solid #254459;
}

.banner_content {
   display: inline-block;
   position: absolute;
   top: 0px;
   width: 440px;
   height: 400px;
   color: white;
   /*padding-left: 150px;*/
   margin-left: 45px;
   padding-top: 5px;
}

.banner_content h1 {
   font-size: 26pt;
   font-family: Century Gothic, Verdana, Arial;
   font-weight: bold;
}

.banner_content p {
   font-family: Verdana;
   padding-right: 35px;
   font-weight: normal;
   font-size: 12pt;
   line-height: 17pt;
}

.banner_screenshot {
   display: inline-block;
   position: absolute;
   left: 465px;
   top: 31px;
   background-image: url('../img/sshot/ss-profile.png');
   background-size: 572px 381px;
   background-repeat: no-repeat;
   width: 572px;
   height: 381px;
   -webkit-filter: drop-shadow(0px 0px 12px rgba(128,128,128,0.55));
   filter: drop-shadow(0px 0px 12px rgba(128,128,128,0.55));
   z-index: 500;
}

.arrow {
   background-size: 12px 18px;
   background-repeat: no-repeat;
   background-position: center center;
   position: absolute;   
   top: 188px;
   width: 38px;
   height: 38px;
   background-color: rgba(32,47,64,0.8);
   border-radius: 50%;
   cursor: pointer;   
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;   
   box-shadow: 0px 0px 3px 2px rgba(255,255,255,0.15);
   z-index: 500;
}

.arrow:hover {
   background-color: rgba(32,47,64,0.45);
   -webkit-filter: brightness(1.6);
   filter: brightness(1.6);   
   box-shadow: 0px 0px 5px 3px rgba(255,255,255,0.15);
}

.larrow {
   background-image: url('../img/l_arrow.png');   
   background-position: 12px center;
   left: 450px;      
   -webkit-filter: brightness(1.3);
   filter: brightness(1.3);
}

.rarrow {
   background-image: url('../img/r_arrow.png');
   background-position: 14px center;
   -webkit-filter: brightness(1.3);
   filter: brightness(1.3);   
   right: 22px;
}

a.banner_signup_button {
   display: inline-block;
   width: 200px;
   height: 52px;
   color: white;
   border-radius: 5px;
   border: 1px solid #699842;
   cursor: pointer;
}

.banner_signup_button_interior {
   display: inline-block;
   width: 198px;
   height: 50px;
   border-radius: 4px;
   border: 1px solid #a3dc67;   
   background-image: linear-gradient(to bottom, #84bf53, #6a9942);
   line-height: 48px;
   padding-left: 10px;
   font-size: 15pt;
   font-weight: bold;
   font-family: Verdana;
   text-shadow: 1px 1px 2px rgba(0,0,0,0.34);
}

.banner_signup_button_interior:focus {
   border: 1px solid #699842;
   outline: none;
   background-image: linear-gradient(to bottom, #98d566, #699842);   
}

.banner_signup_button_interior:hover {
   background-image: linear-gradient(to bottom, #98d566, #699842);   
}

a.banner_demo_button {
   display: inline-block;
   width: 100px;
   height: 52px;
   color: white;
   border-radius: 5px;
   border: 1px solid #409ab2;
   cursor: pointer;
   margin-right: 10px;
}

.banner_demo_button_interior {
   display: inline-block;
   width: 98px;
   height: 50px;
   border-radius: 4px;
   border: 1px solid #50c4d8;   
   background-image: linear-gradient(to bottom, #49b3ce, #409bb3);
   line-height: 48px;
   padding-left: 15px;
   font-size: 15pt;
   font-weight: bold;
   font-family: Verdana;
   text-shadow: 1px 1px 2px rgba(0,0,0,0.34);
}

.banner_demo_button_interior:hover {
   background-image: linear-gradient(to bottom, #61c5df, #409bb3);   
}

.banner_signup_button_arrow {
   display: inline-block;
   position: relative;
   top: 6px;
   left: 10px;
   border-radius: 50%;
   background-color: #517632;
   width: 28px;
   height: 28px;
   box-shadow: -1px -1px 1px #a3dc67 inset;
   background-image: url('../img/button_arrow.png');
   background-size: 13px 14px;
   background-repeat: no-repeat;
   background-position: center center;
}

.sub_banner_wrapper {
   position: relative;
   height: 169px;
   width: 100%; /* 1280px; */
   background-color: #e9eef0;
   border-top: 1px solid #9baab4;
   border-bottom: 1px solid #d7dcde;
}

.testimonial_wrapper {
   display: inline-block;
   padding-top: 28px;   
   padding-left: 45px;
   width: 475px;
   height: 169px;
}

.testimonial {   
   color: #696868;
   font-size: 17px;
   font-family: Georgia;
   line-height: 24px;
}

.testimonial::before {
   content: '\201c';
   font-size: 1.2em;
}

.testimonial::after {
   content: '\201d';
   font-size: 1.2em;
}

.testimonial_source {
   font-family: Verdana;
   color: #3a3a3a;
   padding-top: 20px;
   font-size: 13px;
   font-weight: bold;
}

.testimonial_link {
   display: inline-block;
   border: 1px solid #c2c2c2;
   border-radius: 5px;
   color: #196478;
   background-image: linear-gradient(to bottom, #fdfdfd, #e4e4e4);
   font-size: 7pt;
   font-family: Verdana;
   font-weight: bold;
   padding: 5px;
   padding-left: 8px;
   padding-right: 8px;
   text-decoration: none;
   margin-left: 43px;
   position: relative;
   top: -2px;
}

.testimonial_link:hover {
   text-decoration: none;
}

.sub_banner_divider {
   display: inline-block;
   position: relative;
   top: 10px;
   background-image: url('../img/sub_banner_divider.png');
   width: 10px;
   height: 104px;
}

.platform_wrapper {
   display: inline-block;
   position: absolute;
   left: 480px;
   top: 0px;
   height: 169px;
   color: #605e5e;
}

.platform_title_wrapper {
   margin-top: 30px;
   /*width: 690px;*/
   display: inline-block;
   margin-left: auto;
   margin-right: auto;
}

.platform_title {
   display: inline-block;
   margin-left: 10px;
   margin-right: 10px;
   font-size: 10px;
   font-weight: bold;
}

.platform_title_hline {
   display: inline-block;
   position: relative;
   top: -2px;
   border-bottom: 1px solid #605e5e;
   height: 1px;
   width: 105px;
}

.platform_title_hline:first-child {
   margin-left: 10px;
}

.platform_bubble_wrapper {
   margin-top: 25px;
   margin-left: 10px;   
}

.platform {
   display: inline-block;
   border: 1px solid #c6cccf;
   height: 68px;
   width: 68px;
   background-color: #fff;
   border-radius: 50%;
   margin-right: 1px;
   background-size: 55px 55px;
   background-repeat: no-repeat;
   background-position: center center;
   -webkit-filter: drop-shadow(2px 3px 2px rgba(0,0,0,0.3)) grayscale(85%);
   -o-filter: drop-shadow(2px 3px 2px rgba(0,0,0,0.3)) grayscale(85%);
   filter: drop-shadow(2px 3px 2px rgba(0,0,0,0.3)) grayscale(85%);   
}

.platform_windows {
   background-image: url('../img/platforms/windows.png');
}

.platform_apple {
   background-image: url('../img/platforms/apple.png');
}

.platform_droid {
   background-image: url('../img/platforms/droid.png');
}

.platform_drupal {
   background-image: url('../img/platforms/drupal.png');
}

.platform_joomla {
   background-image: url('../img/platforms/joomla.png');
}

.platform_linux {
   background-image: url('../img/platforms/linux.png');
}

.platform_wordpress {
   background-image: url('../img/platforms/wordpress.png');
}

.platform_chrome {
   background-image: url('../img/platforms/chrome.png');
}

.platform_firefox {
   background-image: url('../img/platforms/firefox.png');
}

.platform_msie {
   background-image: url('../img/platforms/msie.png');
}

.platform_opera {
   background-image: url('../img/platforms/opera.png');
}

.platform_safari {
   background-image: url('../img/platforms/safari.png');
}

.content {
   position: relative;
   width: 100%; /* 1280px; */
   background-image: linear-gradient(to right, #e9eef0 0%, #ffffff 50%, #e9eef0 100%);
   /*background-image: linear-gradient(left, #e9eef0 0%, #ffffff 50%, #e9eef0 100%);*/
   padding-left: 45px;
   padding-top: 15px;
}

.content_white {
   position: relative;
   width: 100%; /* 1280px; */
   background-color: #fff;
   padding-left: 45px;
   padding-top: 15px;
   margin-right: 45px;
}

.content_features_title {
   font-family: Century Gothic;
   font-size: 27px;
   color: #3a3a3a;
   font-weight: bold;
   padding-bottom: 22px;
}

.content_arrow {
   display: inline-block;
   position: relative;
   top: 15px;
   background-image: url('../img/content_arrow.png');
   background-size: 41px 20px;
   background-repeat: no-repeat;
   width: 41px;
   height: 20px;
}

.content_features {
   position: relative;
   display: inline-block;
   width: 620px;
   height: 400px;
   border: 1px solid #e1e1e1;
   border-radius: 6px;
   -webkit-filter: drop-shadow(0px 0px 3px rgba(225,225,225,0.75));
   filter: drop-shadow(0px 0px 3px rgba(225,225,225,0.75));
}

.content_features_menu {
   display: inline-block;
   position: relative;
   background-color: #e5e5e5;
   width: 190px;
   height: 400px;   
   -webkit-filter: none;
   filter: none;
   z-index: 30;
}

.content_features_menu_divider {
   clear: both;
   height: 2px;
   width: 190px;
   border-top: 1px solid #d0d0d0;
   border-bottom: 1px solid #f6f6f6;
}

.cfmi {}

.content_features_menu_divider:first-child {
   margin-top: 20px;
}

.content_features_menu_item {
   clear: both;
   height: 31px;
   line-height: 31px;
   color: #196478;
   font-weight: bold;
   padding-left: 10px;
   cursor: pointer;   
   margin-bottom: 4px;
   margin-top: 4px;   
}

.content_features_menu_item_selected_before {
   position: relative;
   left: -10px;
   top: 9px;      
	width: 0; 
	height: 0; 
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	border-right: 9px solid #2290ac; 
   z-index: 10;
}

.content_features_menu_item_selected,
.content_features_menu_item:hover {
   left: 0px;
   position: relative;
   /*border: 1px solid #2dc3ea;
   border-right: none;*/
   font-weight: bold;
   width: 190px; 
   height: 31px;
   line-height: 31px;
   padding-left: 10px;
   background-image: linear-gradient(to bottom, #49b2ce, #409ab2);
   cursor: pointer;
   z-index: 250;    
   color: #fff;
   margin-bottom: 4px;
   margin-top: 4px;
}

.content_features_menu_item_selected {
   cursor: default;
}

.UNUSED_content_features_menu_item_selected:after {
    position: absolute;
    top: 50%; right: 0;
    margin: -9px -8px;
    border-top: solid 1px #2dc3ea;
    border-right: solid 1px #2dc3ea;
    width: 15px /* 80px/2 */; height: 16px/* 80px/sqrt(3) */;
    transform: rotate(30deg) skewY(30deg); /* create a rhombus */
    /* 49.1deg = atan(1.15) = atan(47px/40px) */
    background: linear-gradient(-48.57deg, #409ab2, #49b2ce);
    content: '';
    z-index: 250;    
}

.content_features_content {
   display: inline-block;
   position: absolute;
   top: 1px;
   background-color: #fff;
   width: 428px;
   height: 397px;
   border-radius: 6px;
   border-bottom-left-radius: 0px;
   border-top-left-radius: 0px;   
   -webkit-box-shadow: -9px 0px 10px -10px rgba(0,0,0,0.5);
   box-shadow: -9px 0px 10px -10px rgba(0,0,0,0.5);
}

.cfmc {
   display: none;
   width: 100%;
   height: 100%;
   position: relative;
}

.feature_title {
   padding: 10px;
   color: rgb(25,100,120);
   font-weight: bold;
   font-size: 14px;
}

.feature_text {
   color: #444;
   padding-left: 10px;
   font-size: 13px;
   line-height: 18px;
}

.aside_box_wrapper {
   position: absolute;
   left: 625px;
   height: 400px;
   width: 450px;
   padding-left: 70px;
   padding-top: 70px;
   top: 0px;
}

.aside_box_outer_wrapper {
   position: relative;
   top: 0px;
   border: 1px solid #dde1e4;
   border-radius: 7px;
   width: 350px;
   height: 185px;
   margin-bottom: 30px;
   -webkit-filter: drop-shadow(0px 0px 3px rgba(225,225,225,0.75));
   filter: drop-shadow(0px 0px 3px rgba(225,225,225,0.75));
   background-color: #fff;
}

.aside_box {
   position: relative;   
   top: 6px;
   left: 6px;
   height: 171px;
   width: 336px;
   border: 1px solid #e9eef0;
   background-color: #e9eef0;
   border-radius: 5px;
   background-repeat: no-repeat;
   background-position: 180px 0px;
   background-size: 156px 171px;
}

.aside_box_guarantee {
   background-image: url('../img/guarantee.png');
}

.aside_box_technician {
   background-image: url('../img/technician.png');
}

.aside_box_title {
   width: 180px;
   color: #196478;
   padding-left: 25px;
   padding-top: 20px;
   font-size: 17px;   
   font-weight: bold;
}

.aside_box_content {
   width: 180px;
   color: #696868;
   padding-left: 25px;
   padding-top: 20px;   
}

.content_boxes {
   margin-top: 20px;
}

.features_link {
   display: inline-block;
   border: 1px solid #c2c2c2;
   border-radius: 5px;
   color: #196478;
   background-image: linear-gradient(to bottom, #fdfdfd, #e4e4e4);
   font-size: 7pt;
   font-family: Verdana;
   font-weight: bold;
   padding: 5px;
   padding-left: 8px;
   padding-right: 8px;
   text-decoration: none;
   margin-left: 42px;
   position: relative;
   top: -6px;
}

.feature_hline {
   display: inline-block;
   position: relative;
   top: -7px;
   margin-left: 40px;
   border-top: 1px solid #ccc;
   width: 302px;
   height: 1px;
}

.features_link:hover {
   text-decoration: none;
}

.content_features_grid_wrapper {
   padding-bottom: 25px;
}

.content_grid_feature {
   display: inline-block;
   position: relative;   
}

.content_grid_feature_box {   
   width: 320px;
}

.content_grid_image {
   display: inline-block;
   position: relative;
   border: 1px solid #d2d6d8;
   border-radius: 6px;
   width: 90px;
   height: 83px;
   background-color: white;   
   background-repeat: no-repeat;
   background-size: 67px 67px;
   background-position: center center;
   /*width: 67px;
   height: 67px;*/
   -webkit-filter: drop-shadow(0px 0px 3px rgba(128,128,128,0.55));
   filter: drop-shadow(0px 0px 3px rgba(128,128,128,0.55));
}

.feature_checklist {
   background-image: url('../img/icons/checklist.png');
}

.feature_checkgrid {
   background-image: url('../img/icons/checkgrid.png');
}

.feature_monitor {
   background-image: url('../img/icons/monitor.png');
}

.feature_router {
   background-image: url('../img/icons/router.png');
}

.feature_swatch {
   background-image: url('../img/icons/swatch.png');
}

.feature_wallet {
   background-image: url('../img/icons/wallet.png');
}

.content_grid_title {
   display: inline-block;
   position: absolute;   
   top: 2px;
   left: 110px;
   color: #196478;
   font-size: 14px;
   font-weight: bold;
   top: 0px;  
   padding-right: 10px;
}

.content_grid_content {
   display: inline-block;
   position: absolute;   
   top: 20px;
   left: 110px;
   color: #605e5e;
   padding-right: 10px;
}

.blue_button_wrapper {
   display: block;
   width: 120px;
   height: 32px;
   color: white;
   border-radius: 5px;
   border: 1px solid #409ab2;
   cursor: pointer;      
}

.blue_button {
   display: inline-block;
   text-align: center;
   width: 118px;
   height: 30px;
   border-radius: 4px;
   border: 1px solid #50c4d8;   
   background-image: linear-gradient(to bottom, #49b3ce, #3f9ab2);
   line-height: 30px;
   font-size: 12px;
   font-weight: bold;
   font-family: Verdana;
   text-shadow: 1px 1px 2px rgba(0,0,0,0.34);   
}

.blue_button:focus {
   border: 1px solid #409ab2;
   outline: none;
   background-image: linear-gradient(to bottom, #77cfe7, #3f9ab2);   
}

.blue_button:hover {
   background-image: linear-gradient(to bottom, #77cfe7, #3f9ab2);   
}

.orange_button_wrapper {
   display: block;
   width: 180px;
   height: 32px;
   color: white;
   border-radius: 5px;
   border: 1px solid #d57504;
   cursor: pointer;      
}

.orange_button {
   display: inline-block;
   text-align: center;
   width: 178px;
   height: 30px;
   border-radius: 4px;
   border: 1px solid #e38b24;   
   background-image: linear-gradient(to bottom, #d57504, #a65b00);
   line-height: 30px;
   font-size: 12px;
   font-weight: bold;
   font-family: Verdana;
   text-shadow: 1px 1px 2px rgba(0,0,0,0.34);   
}

.orange_button:focus {
   border: 1px solid #d57504;
   outline: none;
   background-image: linear-gradient(to bottom, #f1982f, #a65b00);   
}

.orange_button:hover {
   background-image: linear-gradient(to bottom, #f1982f, #a65b00);   
}

.footer {
   position: relative;
   width: 100%; /* 1280px; */
   min-height: 125px;
   padding-bottom: 10px;
   background-color: #2d2d2d;
   color: #9f9d9d;
   padding-left: 45px;
   padding-top: 15px;
}

.footer_hline {
   position: absolute;
   left: 0px;
   top: 0px;
   border-bottom: 1px solid #4c4b4b;
   width: 100%; /* 1280px; */
   height: 5px;
}

.footer_section {
   vertical-align: top;
   padding-top: 5px;
   display: inline-block;
   position: relative;
   top: 0px;
   left: 0px;
   width: 215px;   
   min-height: 75px;
}

.footer_connect {
   width: 300px;
}

.footer_divider {
   vertical-align: top;
   display: inline-block;
   padding-top: 5px;
   min-height: 125px;   
   width: 3px;
   border-left: 1px solid #202020;
   border-right: 1px solid #313030;
   background-color: #454444;
   margin-right: 15px;
}

.footer_section:last-child {
   margin-right: 0px;
}

.footer_title {
   font-family: Century Gothic, Arial, Verdana;
   font-size: 15px;
   color: #fff;
}

.footer_links {
   padding-top: 10px;
}

.footer a {
   color: #9f9d9d;
   text-decoration: none;
}

.footer a:hover {
   color: #d8d8d8;
   text-decoration: none;
}

div.footer_phone {
   background-image: url('../img/footer/phone.png');
   background-repeat: no-repeat;
   background-size: 12px 10px;
   background-position: left center;
   padding-left: 16px;
}

div.footer_email {
   background-image: url('../img/footer/email.png');
   background-repeat: no-repeat;
   background-size: 12px 10px;
   background-position: left 2px;
   padding-left: 16px;   
}

a.footer_email {
   color: #0a98cd;
}

a.footer_email:hover {
   color: #20a9dc;
}

div.footer_facebook {
   display: inline-block;
   background-image: url('../img/footer/facebook.png');
   background-repeat: no-repeat;
   background-size: 34px 33px;   
   width: 34px;
   height: 33px;
}

div.footer_twitter {
   display: inline-block;
   margin-left: 8px;
   background-image: url('../img/footer/twitter.png');
   background-repeat: no-repeat;
   background-size: 33px 33px;   
   width: 33px;
   height: 33px;
}

.copyright {
   font-size: 11px;
   color: #767676;
}

strong {
   font-weight: normal;   
}

h2 {
   font-size: 14px;
   font-weight: bold;
   margin: 0px;
   padding: 0px;
}

.featurepage_key_wrapper {
   position: relative;
}

.featurepage_key_navigator {
   position: absolute;
   right: 200px;
   top: -57px;
   background-color: #e9eef0;
   border: 1px solid #d4d8da;
   border-bottom: none;
   border-radius: 6px;
   border-bottom-left-radius: 0px;
   border-bottom-right-radius: 0px;   
   width: 360px;
   height: 58px;
   z-index: 50;   
   -webkit-box-shadow: 15px -10px 20px -10px rgba(0,0,0,0.5), -15px -10px 20px -10px rgba(0,0,0,0.5);
   box-shadow: 15px -10px 20px -10px rgba(0,0,0,0.5), -15px -10px 20px -10px rgba(0,0,0,0.5);
}

.featurepage_key_navigator h3 {
   display: inline-block;
   color: #97a2a7;
   font-family: Arial;
   font-size: 15px;
   margin-left: 25px;
   margin-top: 18px;
}

.featurepage_key_interior_wrapper {
   background-color: #e9eef0;
   border: 1px solid #d4d8da;
   border-left: none;
   border-right: none;
   border-bottom: none;
   height: 266px;
   max-height: 266px;
   width: 100%; /* 1280px; */
   max-width: 100%; /* 1280px; */
   padding-left: 45px;
   padding-right: 45px;   
   overflow-x: hidden;
   overflow-y: hidden;
}

.interior_arrow_container {
   display: inline-block;
   position: absolute;
   top: 13px;
   right: 20px;
}

.interior_arrow_wrapper {
   display: inline-block;
   position: relative;
   width: 38px;
   height: 38px;
   background-image: linear-gradient(to bottom, #f6f6f6, #e8e8e8);
   border: 1px solid #dfe0e1;
   border-radius: 50%;
   cursor: pointer;   
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;   
}

.interior_arrow_wrapper.disabled {
   cursor: default;   
   -webkit-filter: opacity(0.50);
   filter: opacity(0.50);
}

.interior_arrow_wrapper.disabled .interior_larrow, 
.interior_arrow_wrapper.disabled .interior_rarrow {   
   -webkit-filter: grayscale(50%) brightness(0.2);
   filter: grayscale(50%) brightness(0.2);
}

.interior_arrow_wrapper.enabled:hover {
   background-image: linear-gradient(to bottom, #fff, #e8e8e8);
}

.interior_larrow {
   background-image: url('../img/l_arrow.png');   
   background-size: 12px 18px;
   width: 38px;
   height: 38px;
   background-repeat: no-repeat;
   background-position: 11px center;   
}

.interior_rarrow {
   background-image: url('../img/r_arrow.png');
   background-size: 12px 18px;
   width: 38px;
   height: 38px;
   background-repeat: no-repeat;
   background-position: 14px center;
}

.featurepage_block {
   position: relative;
   height: 256px;
   max-height: 256px;   
   overflow-x: hidden;
   overflow-y: hidden; 
}

.key_feature_container {
   position: relative;
   vertical-align: top;
   top: 0px;
   display: inline-block;
   width: 325px;  
   height: 256px;
   padding-top: 20px;
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 0px;
   margin-top: 10px;
}

.featurepage_block>.key_feature_container:first-child {
   padding-left: 0px;
}

.featurepage_block>.key_feature_container:last-child {
   padding-right: 0px;
}

.key_feature_icon {
   background-size: 60px 60px;
   background-repeat: no-repeat;
   width: 60px;
   height: 60px;
   display: inline-block;
   position: relative;
}

.key_feature_icon_embed {
   background-image: url('../img/features/embed_icon.png');
}

.key_feature_icon_spanel {
   background-image: url('../img/features/spanel_icon.png');
}

.key_feature_icon_mail {
   background-image: url('../img/features/mail_icon.png');
}

.key_feature_title {
   display: inline-block;
   position: absolute;
   top: 30px;
   left: 80px;
   color: #324965;
   font-size: 16px;
   line-height: 21px;
   font-family: Arial;
   font-weight: bold;
}

.key_feature_text {
   color: #605e5e;
   margin-top: 5px;
   font-size: 14px;
   line-height: 20px;
}

.feature_list_section_title {
   padding-bottom: 10px;
   padding-left: 15px;
}

.feature_list_section_title h3 {
   color: #0a9bd5;
   margin: 0px;
   padding: 0px;
}

.feature_list_section {
   background-color: #fafafc;
   border: 1px solid #dde2e4;
   border-radius: 6px;
   margin-right: 45px;   
   -webkit-filter: drop-shadow(0px 0px 8px rgba(225,225,225,0.75));
   filter: drop-shadow(0px 0px 13px rgba(225,225,225,0.75));   
}

.feature_list_section ul {
   list-style-type: none;
   margin: 0px;
   padding: 18px;
}

.feature_list_section ul li {
   margin-top: 6px;
   font-size: 13px;
   color: #605e5e;   
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.feature_list_section ul li.expandable {
   cursor: pointer;
   font-weight: bold;
}

.feature_list_section ul li:first-child {
   margin-top: 0px;
}

.feature_list_section ul li>div {
   display: none;
   font-weight: normal;
   font-size: 12px;
   background-color: #f5f7f8;
   border: 1px solid #dde2e4;
   border-radius: 6px;
   padding: 10px;
   color: #605e5e;
   margin-top: 5px;
   cursor: default;
}

noscript {
   display: none;
}

noscript.visible {
   display: block;
   position: relative;
   height: 30px;
   background-color: #e9eef0;
   border-left: 1px solid #d7dcde;
   border-right: 1px solid #d7dcde;
   line-height: 30px;
   padding-left: 10px;
}

noscript.visible div.noJavaScript {
   position: relative;
   background-image: url('../img/error.png');
   background-repeat: no-repeat;
   background-position: left center;
   background-size: 16px 16px;   
   padding-left: 24px;
   top: 3px;
   font-size: 12px;
   color: #666;   
}

.searchSnippet {
   display: none;
}

.content p {
   /*margin: 0px;
   padding-top: 16px;
   padding-bottom: 16px;*/
}

.content p:last-child {
   margin-bottom: 0px;
   padding-bottom: 16px;
}

.h_link {
   color: inherit;
}

.h_link:hover {
   color: inherit;
   text-decoration: none;
}

.googlesearch * {
   box-sizing: initial;
}

.googlesearch .gsc-search-box {
   margin-bottom: 0px;
}