header .vc_row .vc_column-inner { padding: 0; } header .vc_row .vc_column-inner { padding: 0; } header .vc_row .navigation-wrapper .vc_column-inner{ padding-top: 15px; } header .vc_row .vc_column-inner .vc_column_container, header .vc_row .vc_column-inner .vc_column_container.wpb_row { margin-bottom: 0px !important; } .vc_custom_1476219331490 { padding-top: 15px !important; } .vc_custom_1476286812070 { margin-bottom: 0px !important; } .vc_column-inner .vc_custom_1508171530383.vc_row-has-fill { margin-top: 0!important; } header .vc_row{margin-left:0px;margin-right:0px;margin-bottom: 0!important} .vc_custom_1476219331490 { padding-top: 15px !important; } .vc_custom_1476286812070 { margin-bottom: 0px !important; } header .vc_row{margin-left:0px;margin-right:0px;margin-bottom: 0!important} .animated-search-column.active { position: absolute!important; width: 100%!important; } .animated-search-column.active .animated-search-box .btn-open-search{ right: 0; } .animated-search-box { display: flex; margin-left: 98%; background: white; transition: margin-left 500ms; justify-content: center; align-items: center; } .animated-search-column.active .animated-search-box { margin-left: 0%; } .animated-search-box .btn-open-search { background:url('../img/ICON_US_top_nav_magnify_glass_20x20.png') center no-repeat; height:20px;width:20px;border:none;outline:0; flex: 5%; padding: 10px; position: relative; right: 10px; } .animated-search-box .btn-close-search { background-color:rgba(0,0,0,0); background:url('../img/ICON_US_top_nav_close_20x20.png') center no-repeat; border:none;height:20px; flex: 5%; opacity: 0; transition: opacity 600ms; } .animated-search-column.active .animated-search-box .btn-close-search { opacity: 1; } .animated-search-box .form-search.close { width: 0; overflow: hidden; flex: 90%; } .animated-search-box .form-search { width: 100%; flex: 90%; opacity: 0; transition: opacity 600ms; } .animated-search-column.active .animated-search-box .form-search { opacity: 1; } /* new header .navigation-wrapper{ margin-top: 20px; } .navigation-wrapper .mobile-subheader-menu-wrapper{ display: block; } */ .wpb_wrapper #GettingStarted .vc_column_container>.vc_column-inner, .wpb_wrapper #A101pay .vc_column_container>.vc_column-inner, .wpb_wrapper #salesexp .vc_column_container>.vc_column-inner, .wpb_wrapper #recinv .vc_column_container>.vc_column-inner, .wpb_wrapper #tipsenh .vc_column_container>.vc_column-inner { padding: 20px!important; } /* new header @media screen and (min-width: 991px) { .navigation-wrapper{ margin-top: 20px; } .navigation-wrapper .mobile-subheader-menu-wrapper{ display: none } } */ #unSearchValue { width: 100%; border:0; outline:0; } input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color:#d4d7dc;font-size:16px;font-family:'AvenirNextRegular'; } input::-moz-placeholder { /* Firefox 19+ */ color:#d4d7dc;font-size:16px;font-family:'AvenirNextRegular'; } input:-ms-input-placeholder { /* IE 10+ */ color:#d4d7dc;font-size:16px;font-family:'AvenirNextRegular'; } input:-moz-placeholder { /* Firefox 18- */ color:#d4d7dc;font-size:16px;font-family:'AvenirNextRegular'; } header .vc_row .vc_column-inner { padding: 0; } header .vc_row .vc_column-inner .vc_column_container, header .vc_row .vc_column-inner .vc_column_container.wpb_row { margin-bottom: 0px !important; } .vc_custom_1476219331490 { padding-top: 15px !important; } .vc_custom_1476286812070 { margin-bottom: 0px !important; } #un_header{position:relative;z-index:10;} .header-menu-mobile{display:none;}header .vc_row{margin-left:0px;margin-right:0px;margin-bottom: 0!important} header .sub-header-container .navigation-wrapper>div{width:960px;margin:0 auto;padding-left:10px;padding-right:10px;} header .container-fluid{padding-left:10px;padding-right:10px;margin:auto;} header .container-fluid .navbar-brand{padding:15px 15px 15px 15px;} nav.navbar.navbar-inverse{margin-bottom:0px;} .navbar-inverse .navbar-nav>li>a{color:#d4dcd7;font-size:14px;font-family:AvenirNextRegular;} .navbar-inverse .navbar-nav>li.open{border-bottom:4px solid #2ca01c;} .navbar-inverse .navbar-nav>.open>a{background-color:#393a3e!important;} .dropdown-menu{background-color:transparent;border:0;} .dropdown-menu li{background-color:#fff;} .dropdown-menu li a{color:#393a3d;} .dropdown-menu li a:hover{color:#000;background-color:#eceef1;} .top-separator{background-image:url('../img/Flyout-triangle.png'); background-repeat:no-repeat;border-bottom:6px solid #67a043;height:16px;}li.seperater.top-separator{background-color:transparent; }ul.nav.navbar-nav.navbar-right{border-right:1px #000 solid;border-left:1px #000 solid;} .header-container .wpb_content_element{margin-bottom:0px!important;} @media (max-width: 767px) { li.seperater.top-separator{display:none;} .header-menu-desktop{display:none;} .header-menu-mobile{display:block;} } @media (min-width: 415px){ .navbar-inverse .navbar-nav>li{height:54px;} .navbar-inverse .navbar-nav>li:hover{border-bottom:4px solid #2ca01c;} .dropdown:hover .dropdown-menu{display:block;margin-top:0;}} .sub-header-container .navigation-wrapper .animated-search-row{position:relative;padding-top:5px;border-top:1px solid #d4d7dc; margin-top:10px;-webkit-transition:width 250ms ease-out 200ms;-moz-transition:width 250ms ease-out 200ms;-o-transition:width 250ms ease-out 200ms; transition:width 250ms ease-out 200ms;height:35px;}.sub-header-container .navigation-wrapper .animated-search-row.mobile{border:none;height:0px;} .sub-header-container .navigation-wrapper .animated-search-column>div{padding:0px;} .sub-header-container .navigation-wrapper .animated-search-column.open{position:absolute;right:5px;width:100%;-webkit-transition:width 250ms ease-out 200ms; -moz-transition:width 250ms ease-out 200ms;-o-transition:width 250ms ease-out 200ms;transition:width 250ms ease-out 200ms;} .sub-header-container .navigation-wrapper div.sub-header-subtitle p{font-size:19px;} .sub-header-container .navigation-wrapper .wpb_content_element{margin-bottom:0px!important;} .sub-header-container .navigation-wrapper .mobile-subheader-menu-wrapper{-webkit-transition:width 100ms,-webkit-transform 100ms; transition:width 100ms,transform 100ms;}.sub-header-container .navigation-wrapper .subheader-subtitle{display:inline-block;position:relative;margin-right:15px;} .sub-header-container .navigation-wrapper .subheader-subtitle a{color:#2ca01c;font-size:19px;} .sub-header-container .navigation-wrapper .subheader-mobile-menu ul li a{font-size:15px;font-family:'AvenirNextRegular';color:#393a3d;} .sub-header-container .navigation-wrapper .mobile-subheader-menu-wrapper.open{width:100%;position:relative;} .sub-header-container .navigation-wrapper .mobile-subheader-menu-wrapper .subheader-options{display:none;} .sub-header-container .navigation-wrapper .mobile-subheader-menu-wrapper .subheader-options li a{font-size:15px;font-family:'AvenirNextRegular';color:#393a3d;} .sub-header-container .navigation-wrapper .open-menu-btn{display:inline-block;padding:0; background-image:url('../img/arrow-collapse-down.jpg'); background-repeat:no-repeat;background-color:rgba(0,0,0,0);border:none;vertical-align:top;width:15px;height:12px;margin-top:2px;outline:0;background-size:contain;} .sub-header-container .navigation-wrapper .open-menu-btn.open{background-image:url('../img/ICON_US_top_nav_close_20x20.png');background-size:contain;float:right;}.sub-header-container .main-navigation-menu ul .dropdown .open-submenu-btn{display:none;}.sub-header-container .navigation-wrapper .mobile-subheader-menu-wrapper .subheader-options .dropdown .open-submenu-btn{display:block;float:right;background-color:rgba(0,0,0,0);border:none;background-repeat:no-repeat;background-position:right;background-size:contain;outline:0;width:5px;height:7px;}.sub-header-container .navigation-wrapper .mobile-subheader-menu-wrapper .subheader-options .dropdown .open-submenu-btn.open{background-image:url(../img/arrow-collapse-up.jpg);}.sub-header-container .main-navigation-menu ul li .dropdown-menu{border-top:4px solid #2ca01c;border-radius:0px;background:#fff;top:26px;left:-12px;width:240px;padding-top:20px;padding-bottom:20px;}.sub-header-container .main-navigation-menu ul .dropdown .dropdown-menu li,.sub-header-container .main-navigation-menu ul .dropdown .dropdown-menu li a{background-color:#fff;}.sub-header-container .main-navigation-menu ul li a{font-size:15px;color:#393a3d;display:inline-block;}.sub-header-container .main-navigation-menu ul li a.active{font-family:'AvenirNextMedium';}.sub-header-container .main-navigation-menu ul .dropdown .dropdown-menu li a:hover{color:#2ca01c;}.sub-header-container .main-navigation-menu ul li{text-align:left;margin-right:10px;width:auto;display:inline-block;}@media only screen and (min-width: 768px) and (max-width: 1023px){header .sub-header-container .navigation-wrapper>div{width:100%;}.sub-header-container{padding:0;}.sub-header-container .navigation-wrapper .animated-search-row{border:none;padding:0;margin:0;height:0px;}.sub-header-container .navigation-wrapper .animated-search-row.mobile{border:none;height:35px;}.sub-header-container .navigation-wrapper .mobile-subheader-menu-wrapper .subheader-options .dropdown a.open{font-family:'AvenirNextMedium';}.sub-header-container .navigation-wrapper .mobile-subheader-menu-wrapper .subheader-options .dropdown .dropdown-menu-mobile{display:none;}.sub-header-container .navigation-wrapper .mobile-subheader-menu-wrapper .subheader-options li .open-submenu-btn{margin-top:8px;margin-right:5px}.sub-header-container .navigation-wrapper .open-menu-btn{margin-top:10px;}.sub-header-container .navigation-wrapper .subheader-subtitle a{padding:8px 0 10px 0;}.sub-header-container .navigation-wrapper .mobile-subheader-menu-wrapper>div{padding:0;}}@media only screen and (min-width : 320px) and (max-width : 767px) {header .sub-header-container .navigation-wrapper>div{width:100%;}.sub-header-container .navigation-wrapper .animated-search-row{border:none;padding:0;margin:0;height:0px;}.sub-header-container .navigation-wrapper>div{padding:0px 5px 0 5px;}.sub-header-container .navigation-wrapper .open-menu-btn{margin-top:12px;position:absolute;right:10px;top:0;}.sub-header-container .navigation-wrapper .subheader-subtitle a{font-size:15px;padding:8px 0 10px 0;display:block;}.sub-header-container .navigation-wrapper .mobile-subheader-menu-wrapper>div{padding:0;}.sub-header-container .navigation-wrapper .mobile-subheader-menu-wrapper .subheader-options li:first-child{border-top:1px solid #d4d7dc;border-bottom:1px solid #d4d7dc;}.sub-header-container .navigation-wrapper .mobile-subheader-menu-wrapper .subheader-options>li:not(:first-child){border-bottom:1px solid #d4d7dc;}.sub-header-container .main-navigation-menu ul li a{font-size:13px;}.sub-header-container .navigation-wrapper .mobile-subheader-menu-wrapper .subheader-options li a{padding:8px 0 10px 0;display:inline-block;}.sub-header-container .navigation-wrapper .mobile-subheader-menu-wrapper .subheader-options li a.open{font-family:'AvenirNextMedium';} .sub-header-container .navigation-wrapper .mobile-subheader-menu-wrapper .subheader-options li .open-submenu-btn{margin-top:16px;margin-right:12px;height:8px;} .sub-header-container .navigation-wrapper .mobile-subheader-menu-wrapper .subheader-options li .dropdown-menu-mobile{display:none;}} .clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}.clearfix:after{clear:both;}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.row{margin-left:-20px;*zoom:1;}.row:before,.row:after{display:table;content:"";line-height:0;}.row:after{clear:both;}[class*="span"]{float:left;min-height:1px;margin-left:20px;}.span12{width:940px;}.span11{width:860px;}.span10{width:780px;}.span9{width:700px;}.span8{width:620px;}.span7{width:540px;}.span6{width:460px;}.span5{width:380px;}.span4{width:300px;}.span3{width:220px;}.span2{width:140px;}.span1{width:60px;}.offset12{margin-left:980px;}.offset11{margin-left:900px;}.offset10{margin-left:820px;}.offset9{margin-left:740px;}.offset8{margin-left:660px;}.offset7{margin-left:580px;}.offset6{margin-left:500px;}.offset5{margin-left:420px;}.offset4{margin-left:340px;}.offset3{margin-left:260px;}.offset2{margin-left:180px;}.offset1{margin-left:100px;}.row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0;}.row-fluid:after{clear:both;}.row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.127659574468085%;*margin-left:2.074468085106383%;}.row-fluid [class*="span"]:first-child{margin-left:0;}.row-fluid .span12{width:100%;*width:99.94680851063829%;}.row-fluid .span11{width:91.48936170212765%;*width:91.43617021276594%;}.row-fluid .span10{width:82.97872340425532%;*width:82.92553191489361%;}.row-fluid .span9{width:74.46808510638297%;*width:74.41489361702126%;}.row-fluid .span8{width:65.95744680851064%;*width:65.90425531914893%;}.row-fluid .span7{width:57.44680851063829%;*width:57.39361702127659%;}.row-fluid .span6{width:48.93617021276595%;*width:48.88297872340425%;}.row-fluid .span5{width:40.42553191489362%;*width:40.37234042553192%;}.row-fluid .span4{width:31.914893617021278%;*width:31.861702127659576%;}.row-fluid .span3{width:23.404255319148934%;*width:23.351063829787233%;}.row-fluid .span2{width:14.893617021276595%;*width:14.840425531914894%;}.row-fluid .span1{width:6.382978723404255%;*width:6.329787234042553%;}.row-fluid .offset12{margin-left:104.25531914893617%;*margin-left:104.14893617021275%;}.row-fluid .offset12:first-child{margin-left:102.12765957446808%;*margin-left:102.02127659574467%;}.row-fluid .offset11{margin-left:95.74468085106382%;*margin-left:95.6382978723404%;}.row-fluid .offset11:first-child{margin-left:93.61702127659574%;*margin-left:93.51063829787232%;}.row-fluid .offset10{margin-left:87.23404255319149%;*margin-left:87.12765957446807%;}.row-fluid .offset10:first-child{margin-left:85.1063829787234%;*margin-left:84.99999999999999%;}.row-fluid .offset9{margin-left:78.72340425531914%;*margin-left:78.61702127659572%;}.row-fluid .offset9:first-child{margin-left:76.59574468085106%;*margin-left:76.48936170212764%;}.row-fluid .offset8{margin-left:70.2127659574468%;*margin-left:70.10638297872339%;}.row-fluid .offset8:first-child{margin-left:68.08510638297872%;*margin-left:67.9787234042553%;}.row-fluid .offset7{margin-left:61.70212765957446%;*margin-left:61.59574468085106%;}.row-fluid .offset7:first-child{margin-left:59.574468085106375%;*margin-left:59.46808510638297%;}.row-fluid .offset6{margin-left:53.191489361702125%;*margin-left:53.085106382978715%;}.row-fluid .offset6:first-child{margin-left:51.063829787234035%;*margin-left:50.95744680851063%;}.row-fluid .offset5{margin-left:44.68085106382979%;*margin-left:44.57446808510638%;}.row-fluid .offset5:first-child{margin-left:42.5531914893617%;*margin-left:42.4468085106383%;}.row-fluid .offset4{margin-left:36.170212765957444%;*margin-left:36.06382978723405%;}.row-fluid .offset4:first-child{margin-left:34.04255319148936%;*margin-left:33.93617021276596%;}.row-fluid .offset3{margin-left:27.659574468085104%;*margin-left:27.5531914893617%;}.row-fluid .offset3:first-child{margin-left:25.53191489361702%;*margin-left:25.425531914893618%;}.row-fluid .offset2{margin-left:19.148936170212764%;*margin-left:19.04255319148936%;}.row-fluid .offset2:first-child{margin-left:17.02127659574468%;*margin-left:16.914893617021278%;}.row-fluid .offset1{margin-left:10.638297872340425%;*margin-left:10.53191489361702%;}.row-fluid .offset1:first-child{margin-left:8.51063829787234%;*margin-left:8.404255319148938%;}[class*="span"].hide,.row-fluid [class*="span"].hide{display:none;}[class*="span"].pull-right,.row-fluid [class*="span"].pull-right{float:right;}.grid-container-680 .span12{width:640px;}.grid-container-680 .span11{width:585px;}.grid-container-680 .span10{width:530px;}.grid-container-680 .span9{width:475px;}.grid-container-680 .span8{width:420px;}.grid-container-680 .span7{width:365px;}.grid-container-680 .span6{width:310px;}.grid-container-680 .span5{width:255px;}.grid-container-680 .span4{width:200px;}.grid-container-680 .span3{width:145px;}.grid-container-680 .span2{width:90px;}.grid-container-680 .span1{width:35px;}.grid-container-680 .offset12{margin-left:680px;}.grid-container-680 .offset11{margin-left:625px;}.grid-container-680 .offset10{margin-left:570px;}.grid-container-680 .offset9{margin-left:515px;}.grid-container-680 .offset8{margin-left:460px;}.grid-container-680 .offset7{margin-left:405px;}.grid-container-680 .offset6{margin-left:350px;}.grid-container-680 .offset5{margin-left:295px;}.grid-container-680 .offset4{margin-left:240px;}.grid-container-680 .offset3{margin-left:185px;}.grid-container-680 .offset2{margin-left:130px;}.grid-container-680 .offset1{margin-left:75px;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}audio:not([controls]){display:none;height:0;}[hidden],template{display:none;}a{background:transparent;}a:active,a:hover{outline:0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}h1{font-size:2em;margin:0.67em 0;}mark{background:#ff0;color:#000;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:1em 40px;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}pre{overflow:auto;}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em;}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;}button{overflow:visible;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}input{line-height:normal;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{}textarea{overflow:auto;}optgroup{font-weight:bold;}table{border-collapse:collapse;border-spacing:0;}td,th{padding:0;}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0);}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333333;background-color:#ffffff;}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;}a{color:#428bca;text-decoration:none;}a:hover,a:focus{color:#2a6496;text-decoration:underline;}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}figure{margin:0;}img{vertical-align:middle;}.img-responsive{display:block;max-width:100%;height:auto;}.img-rounded{border-radius:6px;}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#ffffff;border:1px solid #dddddd;border-radius:4px;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;display:inline-block;max-width:100%;height:auto;}.img-circle{border-radius:50%;}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eeeeee;}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;}.container{margin-right:auto;margin-left:auto;padding-left:10px;padding-right:10px;}@media (min-width: 768px) {.container{width:740px;}}@media (min-width: 1024px) {.container{width:960px;}}@media (min-width: 1024px) {.container{width:960px;}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:10px;padding-right:10px;}.row{margin-left:-10px;margin-right:-10px;}.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-left:10px;padding-right:10px;}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left;}.col-xs-12{width:100%;}.col-xs-11{width:91.66666667%;}.col-xs-10{width:83.33333333%;}.col-xs-9{width:75%;}.col-xs-8{width:66.66666667%;}.col-xs-7{width:58.33333333%;}.col-xs-6{width:50%;}.col-xs-5{width:41.66666667%;}.col-xs-4{width:33.33333333%;}.col-xs-3{width:25%;}.col-xs-2{width:16.66666667%;}.col-xs-1{width:8.33333333%;}.col-xs-pull-12{right:100%;}.col-xs-pull-11{right:91.66666667%;}.col-xs-pull-10{right:83.33333333%;}.col-xs-pull-9{right:75%;}.col-xs-pull-8{right:66.66666667%;}.col-xs-pull-7{right:58.33333333%;}.col-xs-pull-6{right:50%;}.col-xs-pull-5{right:41.66666667%;}.col-xs-pull-4{right:33.33333333%;}.col-xs-pull-3{right:25%;}.col-xs-pull-2{right:16.66666667%;}.col-xs-pull-1{right:8.33333333%;}.col-xs-pull-0{right:0%;}.col-xs-push-12{left:100%;}.col-xs-push-11{left:91.66666667%;}.col-xs-push-10{left:83.33333333%;}.col-xs-push-9{left:75%;}.col-xs-push-8{left:66.66666667%;}.col-xs-push-7{left:58.33333333%;}.col-xs-push-6{left:50%;}.col-xs-push-5{left:41.66666667%;}.col-xs-push-4{left:33.33333333%;}.col-xs-push-3{left:25%;}.col-xs-push-2{left:16.66666667%;}.col-xs-push-1{left:8.33333333%;}.col-xs-push-0{left:0%;}.col-xs-offset-12{margin-left:100%;}.col-xs-offset-11{margin-left:91.66666667%;}.col-xs-offset-10{margin-left:83.33333333%;}.col-xs-offset-9{margin-left:75%;}.col-xs-offset-8{margin-left:66.66666667%;}.col-xs-offset-7{margin-left:58.33333333%;}.col-xs-offset-6{margin-left:50%;}.col-xs-offset-5{margin-left:41.66666667%;}.col-xs-offset-4{margin-left:33.33333333%;}.col-xs-offset-3{margin-left:25%;}.col-xs-offset-2{margin-left:16.66666667%;}.col-xs-offset-1{margin-left:8.33333333%;}.col-xs-offset-0{margin-left:0%;}@media (min-width: 768px) {.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left;}.col-sm-12{width:100%;}.col-sm-11{width:91.66666667%;}.col-sm-10{width:83.33333333%;}.col-sm-9{width:75%;}.col-sm-8{width:66.66666667%;}.col-sm-7{width:58.33333333%;}.col-sm-6{width:50%;}.col-sm-5{width:41.66666667%;}.col-sm-4{width:33.33333333%;}.col-sm-3{width:25%;}.col-sm-2{width:16.66666667%;}.col-sm-1{width:8.33333333%;}.col-sm-pull-12{right:100%;}.col-sm-pull-11{right:91.66666667%;}.col-sm-pull-10{right:83.33333333%;}.col-sm-pull-9{right:75%;}.col-sm-pull-8{right:66.66666667%;}.col-sm-pull-7{right:58.33333333%;}.col-sm-pull-6{right:50%;}.col-sm-pull-5{right:41.66666667%;}.col-sm-pull-4{right:33.33333333%;}.col-sm-pull-3{right:25%;}.col-sm-pull-2{right:16.66666667%;}.col-sm-pull-1{right:8.33333333%;}.col-sm-pull-0{right:0%;}.col-sm-push-12{left:100%;}.col-sm-push-11{left:91.66666667%;}.col-sm-push-10{left:83.33333333%;}.col-sm-push-9{left:75%;}.col-sm-push-8{left:66.66666667%;}.col-sm-push-7{left:58.33333333%;}.col-sm-push-6{left:50%;}.col-sm-push-5{left:41.66666667%;}.col-sm-push-4{left:33.33333333%;}.col-sm-push-3{left:25%;}.col-sm-push-2{left:16.66666667%;}.col-sm-push-1{left:8.33333333%;}.col-sm-push-0{left:0%;}.col-sm-offset-12{margin-left:100%;}.col-sm-offset-11{margin-left:91.66666667%;}.col-sm-offset-10{margin-left:83.33333333%;}.col-sm-offset-9{margin-left:75%;}.col-sm-offset-8{margin-left:66.66666667%;}.col-sm-offset-7{margin-left:58.33333333%;}.col-sm-offset-6{margin-left:50%;}.col-sm-offset-5{margin-left:41.66666667%;}.col-sm-offset-4{margin-left:33.33333333%;}.col-sm-offset-3{margin-left:25%;}.col-sm-offset-2{margin-left:16.66666667%;}.col-sm-offset-1{margin-left:8.33333333%;}.col-sm-offset-0{margin-left:0%;}}@media (min-width: 1024px) {.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left;}.col-md-12{width:100%;}.col-md-11{width:91.66666667%;}.col-md-10{width:83.33333333%;}.col-md-9{width:75%;}.col-md-8{width:66.66666667%;}.col-md-7{width:58.33333333%;}.col-md-6{width:50%;}.col-md-5{width:41.66666667%;}.col-md-4{width:33.33333333%;}.col-md-3{width:25%;}.col-md-2{width:16.66666667%;}.col-md-1{width:8.33333333%;}.col-md-pull-12{right:100%;}.col-md-pull-11{right:91.66666667%;}.col-md-pull-10{right:83.33333333%;}.col-md-pull-9{right:75%;}.col-md-pull-8{right:66.66666667%;}.col-md-pull-7{right:58.33333333%;}.col-md-pull-6{right:50%;}.col-md-pull-5{right:41.66666667%;}.col-md-pull-4{right:33.33333333%;}.col-md-pull-3{right:25%;}.col-md-pull-2{right:16.66666667%;}.col-md-pull-1{right:8.33333333%;}.col-md-pull-0{right:0%;}.col-md-push-12{left:100%;}.col-md-push-11{left:91.66666667%;}.col-md-push-10{left:83.33333333%;}.col-md-push-9{left:75%;}.col-md-push-8{left:66.66666667%;}.col-md-push-7{left:58.33333333%;}.col-md-push-6{left:50%;}.col-md-push-5{left:41.66666667%;}.col-md-push-4{left:33.33333333%;}.col-md-push-3{left:25%;}.col-md-push-2{left:16.66666667%;}.col-md-push-1{left:8.33333333%;}.col-md-push-0{left:0%;}.col-md-offset-12{margin-left:100%;}.col-md-offset-11{margin-left:91.66666667%;}.col-md-offset-10{margin-left:83.33333333%;}.col-md-offset-9{margin-left:75%;}.col-md-offset-8{margin-left:66.66666667%;}.col-md-offset-7{margin-left:58.33333333%;}.col-md-offset-6{margin-left:50%;}.col-md-offset-5{margin-left:41.66666667%;}.col-md-offset-4{margin-left:33.33333333%;}.col-md-offset-3{margin-left:25%;}.col-md-offset-2{margin-left:16.66666667%;}.col-md-offset-1{margin-left:8.33333333%;}.col-md-offset-0{margin-left:0%;}}@media (min-width: 1024px) {.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left;}.col-lg-12{width:100%;}.col-lg-11{width:91.66666667%;}.col-lg-10{width:83.33333333%;}.col-lg-9{width:75%;}.col-lg-8{width:66.66666667%;}.col-lg-7{width:58.33333333%;}.col-lg-6{width:50%;}.col-lg-5{width:41.66666667%;}.col-lg-4{width:33.33333333%;}.col-lg-3{width:25%;}.col-lg-2{width:16.66666667%;}.col-lg-1{width:8.33333333%;}.col-lg-pull-12{right:100%;}.col-lg-pull-11{right:91.66666667%;}.col-lg-pull-10{right:83.33333333%;}.col-lg-pull-9{right:75%;}.col-lg-pull-8{right:66.66666667%;}.col-lg-pull-7{right:58.33333333%;}.col-lg-pull-6{right:50%;}.col-lg-pull-5{right:41.66666667%;}.col-lg-pull-4{right:33.33333333%;}.col-lg-pull-3{right:25%;}.col-lg-pull-2{right:16.66666667%;}.col-lg-pull-1{right:8.33333333%;}.col-lg-pull-0{right:0%;}.col-lg-push-12{left:100%;}.col-lg-push-11{left:91.66666667%;}.col-lg-push-10{left:83.33333333%;}.col-lg-push-9{left:75%;}.col-lg-push-8{left:66.66666667%;}.col-lg-push-7{left:58.33333333%;}.col-lg-push-6{left:50%;}.col-lg-push-5{left:41.66666667%;}.col-lg-push-4{left:33.33333333%;}.col-lg-push-3{left:25%;}.col-lg-push-2{left:16.66666667%;}.col-lg-push-1{left:8.33333333%;}.col-lg-push-0{left:0%;}.col-lg-offset-12{margin-left:100%;}.col-lg-offset-11{margin-left:91.66666667%;}.col-lg-offset-10{margin-left:83.33333333%;}.col-lg-offset-9{margin-left:75%;}.col-lg-offset-8{margin-left:66.66666667%;}.col-lg-offset-7{margin-left:58.33333333%;}.col-lg-offset-6{margin-left:50%;}.col-lg-offset-5{margin-left:41.66666667%;}.col-lg-offset-4{margin-left:33.33333333%;}.col-lg-offset-3{margin-left:25%;}.col-lg-offset-2{margin-left:16.66666667%;}.col-lg-offset-1{margin-left:8.33333333%;}.col-lg-offset-0{margin-left:0%;}}fieldset{padding:0;margin:0;border:0;}legend{}label{display:inline-block;margin-bottom:5px;font-weight:bold;}input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;line-height:normal;}input[type="file"]{display:block;}input[type="range"]{display:block;width:100%;}select[multiple],select[size]{height:auto;}input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555555;}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555555;background-color:#ffffff;background-image:none;border:1px solid #cccccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;transition:border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);}.form-control::-moz-placeholder{color:#999999;opacity:1;}.form-control:-ms-input-placeholder{color:#999999;}.form-control::-webkit-input-placeholder{color:#999999;}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eeeeee;opacity:1;}textarea.form-control{height:auto;}input[type="search"]{-webkit-appearance:none;}input[type="date"]{line-height:34px;}.form-group{margin-bottom:15px;}.radio,.checkbox{display:block;min-height:20px;margin-top:10px;margin-bottom:10px;padding-left:20px;}.radio label,.checkbox label{display:inline;font-weight:normal;cursor:pointer;}.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{float:left;margin-left:-20px;}.radio+.radio,.checkbox+.checkbox{margin-top:-5px;}.radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:normal;cursor:pointer;}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px;}input[type="radio"][disabled],input[type="checkbox"][disabled],.radio[disabled],.radio-inline[disabled],.checkbox[disabled],.checkbox-inline[disabled],fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"],fieldset[disabled] .radio,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox,fieldset[disabled] .checkbox-inline{cursor:not-allowed;}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px;}select.input-sm{height:30px;line-height:30px;}textarea.input-sm,select[multiple].input-sm{height:auto;}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px;}select.input-lg{height:46px;line-height:46px;}textarea.input-lg,select[multiple].input-lg{height:auto;}.has-feedback{position:relative;}.has-feedback .form-control{padding-right:42.5px;}.has-feedback .form-control-feedback{position:absolute;top:25px;right:0;display:block;width:34px;height:34px;line-height:34px;text-align:center;}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline{color:#3c763d;}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168;}.has-success .input-group-addon{color:#3c763d;border-color:#3c763d;background-color:#dff0d8;}.has-success .form-control-feedback{color:#3c763d;}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline{color:#8a6d3b;}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b;}.has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3;}.has-warning .form-control-feedback{color:#8a6d3b;}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline{color:#a94442;}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483;}.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede;}.has-error .form-control-feedback{color:#a94442;}.form-control-static{margin-bottom:0;}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373;}@media (min-width: 768px) {.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle;}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle;}.form-inline .input-group>.form-control{width:100%;}.form-inline .control-label{margin-bottom:0;vertical-align:middle;}.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;padding-left:0;vertical-align:middle;}.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{float:none;margin-left:0;}.form-inline .has-feedback .form-control-feedback{top:0;}}.form-horizontal .control-label,.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{margin-top:0;margin-bottom:0;padding-top:7px;}.form-horizontal .radio,.form-horizontal .checkbox{min-height:27px;}.form-horizontal .form-group{margin-left:-10px;margin-right:-10px;}.form-horizontal .form-control-static{padding-top:7px;}@media (min-width: 768px) {.form-horizontal .control-label{text-align:right;}}.form-horizontal .has-feedback .form-control-feedback{top:0;right:10px;}.fade{opacity:0;-webkit-transition:opacity 0.15s linear;transition:opacity 0.15s linear;}.fade.in{opacity:1;}.collapse{display:none;}.collapse.in{display:block;}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height 0.35s ease;transition:height 0.35s ease;}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after{content:" ";display:table;}.clearfix:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after{clear:both;}.center-block{display:block;margin-left:auto;margin-right:auto;}.pull-right{float:right!important;}.pull-left{float:left!important;}.hide{display:none!important;}.show{display:block!important;}.invisible{visibility:hidden;}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}.hidden{display:none!important;visibility:hidden!important;}.affix{position:fixed;}@-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 1023px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 1024px) and (max-width: 1023px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 1024px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 1023px) { .hidden-sm { display: none !important; } } @media (min-width: 1024px) { .hidden-lg, .hidden-md { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } @media print { .hidden-print { display: none !important; } } /*! * Overrides to help make bootstrap2 and bootstrap3 * play well with each other when both are loaded. */ [class*="span"][class*="col"]:not([class*=offset]) { margin-left: 0; } @media (max-width: 767px) { .row [class*="span"]:not([class*="col"]) { width: 100%; } } /*! * Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * --------------------------*/ @font-face { font-family: 'FontAwesome'; src: url('https://quickbooks.intuit.com/etc/designs/harmony/fonts/fontawesome/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('https://quickbooks.intuit.com/etc/designs/harmony/fonts/fontawesome/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('https://quickbooks.intuit.com/etc/designs/harmony/fonts/fontawesome/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-genderless:before, .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } /*! normalize.css v1.0.1 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /* * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3. */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } /* * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /* * Prevents modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /* * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3, * and Safari 4. * Known issue: no IE 6 support. */ [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ /* * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using * `em` units. * 2. Prevents iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } /* * Addresses `font-family` inconsistency between `textarea` and other form * elements. */ html, button, input, select, textarea { font-family: sans-serif; } /* * Addresses margins handled incorrectly in IE 6/7. */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /* * Addresses `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /* * Improves readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /* * Addresses font sizes and margins set differently in IE 6/7. * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5, * and Chrome. */ h1 { /*font-size: 2em;*/ margin: 0; } h2 { /*font-size: 1.5em;*/ margin: 0; } h3 { /*font-size: 1.17em;*/ margin: 0; } h4 { /*font-size: 1em;*/ margin: 0; } h5 { /*font-size: 0.83em;*/ margin: 0; } h6 { /*font-size: 0.75em;*/ margin: 0; } /* * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /* * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */ b, strong { font-weight: bold; } blockquote { margin: 0; } /* * Addresses styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /* * Addresses styling not present in IE 6/7/8/9. */ mark { background: #ff0; color: #000; } /* * Addresses margins set differently in IE 6/7. */ p, pre { margin: 0; } /* * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; /*font-size: 1em;*/ } /* * Improves readability of pre-formatted text in all browsers. */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* * Addresses CSS quotes not supported in IE 6/7. */ q { quotes: none; } /* * Addresses `quotes` property not supported in Safari 4. */ q:before, q:after { content: ''; content: none; } /* * Addresses inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /* * Prevents `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Lists ========================================================================== */ /* * Addresses margins set differently in IE 6/7. */ dl, menu, ol, ul { margin: 0; } dd { margin: 0; } /* * Addresses paddings set differently in IE 6/7. */ menu, ol, ul { padding: 0; } /* * Corrects list images handled incorrectly in IE 7. */ nav ul, nav ol, ul { list-style: none; list-style-image: none; } /* ========================================================================== Embedded content ========================================================================== */ /* * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3. * 2. Improves image quality when scaled in IE 7. */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /* * Corrects overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /* * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /* * Corrects margin displayed oddly in IE 6/7. */ form { margin: 0; } /* * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /* * 1. Corrects color not being inherited in IE 6/7/8/9. * 2. Corrects text not wrapping in Firefox 3. * 3. Corrects alignment displayed oddly in IE 6/7. */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /* * 1. Corrects font size not being inherited in all browsers. * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5, * and Chrome. * 3. Improves appearance and consistency in all browsers. */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /* * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /* * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Corrects inability to style clickable `input` types in iOS. * 3. Improves usability and consistency of cursor style between image-type * `input` and others. * 4. Removes inner spacing in IE 7 without affecting normal text inputs. * Known issue: inner spacing remains in IE 6. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ } /* * Re-set default cursor for disabled elements. */ button[disabled], input[disabled] { cursor: default; } /* * 1. Addresses box sizing set to content-box in IE 8/9. * 2. Removes excess padding in IE 8/9. * 3. Removes excess padding in IE 7. * Known issue: excess padding remains in IE 6. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } /* * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /* * Removes inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* * Removes inner padding and border in Firefox 3+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Removes default vertical scrollbar in IE 6/7/8/9. * 2. Improves readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /* * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } /* BODY */ /* CONTAINER */ /* OUTER CONTAINER */ /* TYPOGRAPHY */ /* FONT FAMILY */ /* FONT WEIGHT */ /* FONT SIZE */ /* LINE HEIGHT */ /* LETTER SPACING */ /* COLOR PALETTES PRIMARY, SECONDARY, TERTIARY */ /* PARAGRAPHS */ /* SECTIONS + header/subheaders */ /* SUB-SECTIONS */ /* CTA */ /* COLORS */ /* BORDER */ /* BOX-SHADOW */ /* CAROUSEL */ /* CONTAINER */ /* FAQ-QA */ /* COMP CHART 2 */ /* COMP-CHART-2-SIMPLE-HEADER */ /* DISCLOSURE */ /* FORM Vars */ /* PRICING-CARD LAYOUT */ /*helper vars for Harmony font*/ /*group headers*/ /*@pricing-card-layout-header-t-background-color: currentColor;*/ /* product title */ /*@pricing-card-layout-productcomponent-title-t-background-color: currentColor;*/ /* price ct */ /* price aw */ /* price per-month */ /* product offer (red) */ /* product offer2 */ /* feature-list */ /* PRODUCT COMPONENT */ /* PRICING CARD */ /* PRICING TABLE */ /* HERO */ /* VIDEO */ /* FOOTER */ /* RESPONSIVE TABS - added here because it's backwards compatible with non-responsive */ /* TESTIMONIAL */ /* Mixin for generating global sprite SVG and its fallback PNG. Ideally this has to be a LESS VAR, but due to how CQ interprets LESS VAR PATHS, its hardcoded this way */ .fcolor-prim { color: #f77b00; } .fcolor-sec { color: #3f6dc9; } .hero-cta-align { display: block; padding-top: 10px; } /* FONT FAMILY */ /* FONT WEIGHT */ /* FONT SIZE */ /* LINE HEIGHT */ /* PARAGRAPHS */ /* CONTAINER */ /* SECTIONS header/subheaders */ /* SUB-SECTIONS */ /* CTA */ /* COLORS */ /* CAROUSEL */ /* FAQ-QA */ /* COMP CHART 2 */ /* COMP-CHART-2-SIMPLE-HEADER */ /* DISCLOSURE */ /* PRICING-CARD LAYOUT */ /* group headers */ /*@pricing-card-layout-header-t-background-color: #d4d7dc;*/ /*@pricing-card-layout-productcomponent-title-t-background-color: @bg-dark-green;*/ /* product title */ /* price ct */ /* price aw */ /* price per-month */ /* product offer (red) */ /* product offer2 */ /* feature-list */ /* PRODUCT COMPONENT */ /* PRICING CARD */ /* ONPAGENAV - base defined in resp_vars.less*/ /* TESTIMONIAL */ body { font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #393a3d; /* IE7 does not support base64 URIs so just use a solid background there. */ *background: #fbfbfb; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAIAAABsNpe/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowRTUyRTJGREI0RjAxMUUyODlERUQ4OUY0NThCQjM5QyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowRTUyRTJGRUI0RjAxMUUyODlERUQ4OUY0NThCQjM5QyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjBFNTJFMkZCQjRGMDExRTI4OURFRDg5RjQ1OEJCMzlDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjBFNTJFMkZDQjRGMDExRTI4OURFRDg5RjQ1OEJCMzlDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+RLSyZQAAAHdJREFUeNrs0sEJwDAMBEHJpP9qDXpZTtJFHObgYAuYnHNmZkTsvc+NXGuNMZ7q7nPj/Q92VRVUUEEFFVRQQQUVVFBBBRVUUEEFFVRQQQUVVFBBBRVUUEEFFVRQQQUVVFBBBRVUUEEFFVRQQQUVVFBBBdUndwswANYvVuK+48g5AAAAAElFTkSuQmCC); background-size: 66px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { body { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACECAIAAADeJhTwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowNTgwMTE3NDA3MjA2ODExODIyQTk3MTRDNjA1OTVGOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGQzM2RDJBM0I0RjAxMUUyODlERUQ4OUY0NThCQjM5QyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGQzM2RDJBMkI0RjAxMUUyODlERUQ4OUY0NThCQjM5QyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OUYwRThERTQwQzIwNjgxMTgyMkE5NzE0QzYwNTk1RjgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDU4MDExNzQwNzIwNjgxMTgyMkE5NzE0QzYwNTk1RjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7LHsquAAABIklEQVR42uzWsQ2AMAwFUYLi/Qd1ldZuaNkAC70rXeYQ/1ZmXpjBqqqIeJ+62+WTy+17nAMZZICM4exzjldQUy5qymaADDKgptSUi5qyGSCDDKgpNaWm1BRsBhkgQ01BTakp2AwyQIaagppSU7AZIIMMqCk15aKmbAbIIANqSk0pHDVlMzwBGSBDTUFNqSnYDDJAhpqCmlJTsBkggwyoKTXloqZsBsggA2pKTbmoKZsBMkCGmoKaUlOwGWSADDUFNaWmYDPIABlQU2rKRU3ZDJBBBtSUmnJRUzYDZJABNQU1paZgM8gAGWoKakpNwWaQATLUFNSUi9+UzQAZZEBNqSkXNWUzQAYZUFNqSuGoKZBBBshQU1BTago2gwyQ8XceAQYAF1vrNT2bVwYAAAAASUVORK5CYII=); } } ul, li { margin: 0; padding: 0; } .list-style-text { line-height: 28px; font-size: 18px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin-left: 56px; display: list-item; list-style: disc; } a { text-decoration: none; color: #0077c5; } a:hover { text-decoration: none; cursor: pointer; } a:visited { text-decoration: none; color: #0077c5; } a:focus { outline: none; } .outer-container { width: 1018px; border: 1px solid #cccccc; margin: 0 auto; border-radius: 2px; background-color: #fff; } .content-container { width: 940px; margin: 0 auto; } .hide { display: none; } iframe { border: 0; } .visually-hidden { display: block; text-indent: -9000px; } sub { font-size: 60%; } sup { left: 1px; margin-right: 2px; font-weight: normal; opacity: 0.75; } h1 sup, h2 sup, h3 sup, h4 sup, h5 sup, h6 sup { top: -1em; left: 0.15em; } h1 sup, h2 sup, h3 sup { font-size: 40%; } h4 sup, h5 sup, h6 sup { font-size: 80%; top: -0.5em; } .p1 sup, .p2 sup { font-size: 60%; } .p3 sup, .p4 sup { font-size: 80%; } .centered { height: 100%; display: table; margin: 0 auto; } .centered > div { display: table-cell; vertical-align: middle; } .centered > div:first-child { padding-right: 25px; } .crossed { text-decoration: line-through; } .high-attention-text { color: #ff0000; } .low-attention-text { color: #aaaaaa; } .lvp-link { display: inline; } .section-header, .csection h2 { text-align: center; padding: 20px 0; display: block; } .inline { display: inline-block; } .block { display: block; } .section-header-top { text-align: center; display: block; padding-top: 72px; } .section-footer, .section-header-bottom { text-align: center; display: block; padding-bottom: 54px; } .spinner { background: url('https://quickbooks.intuit.com/etc/designs/harmony/images/spinner_grey_80px.gif') no-repeat center center transparent; background: url('https://quickbooks.intuit.com/etc/designs/harmony/images/spinner_grey_80px.svg') no-repeat center center transparent; height: 80px; left: 50%; position: fixed; top: 50%; width: 80px; } /* FS Albert Web */ @font-face { font-family: "FS Albert Web"; src: url("https://quickbooks.intuit.com/etc/designs/harmony/fonts/us/fsaw-thin.woff2?#iefix") format("woff2"); src: url("https://quickbooks.intuit.com/etc/designs/harmony/fonts/us/fsaw-thin.woff?#iefix") format("woff"); font-weight: 100; font-style: normal; } @font-face { font-family: "FS Albert Web"; src: url("https://quickbooks.intuit.com/etc/designs/harmony/fonts/us/fsaw-light.woff2?#iefix") format("woff2"); src: url("https://quickbooks.intuit.com/etc/designs/harmony/fonts/us/fsaw-light.woff?#iefix") format("woff"); font-weight: 300; font-style: normal; } @font-face { font-family: "FS Albert Web"; src: url("https://quickbooks.intuit.com/etc/designs/harmony/fonts/us/fsaw-light_italic.woff2?#iefix") format("woff2"); src: url("https://quickbooks.intuit.com/etc/designs/harmony/fonts/us/fsaw-light_italic.woff?#iefix") format("woff"); font-weight: 300; font-style: italic; } @font-face { font-family: "FS Albert Web"; src: url("https://quickbooks.intuit.com/etc/designs/harmony/fonts/us/fsaw-regular.woff2?#iefix") format("woff2"); src: url("https://quickbooks.intuit.com/etc/designs/harmony/fonts/us/fsaw-regular.woff?#iefix") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: "FS Albert Web"; src: url("https://quickbooks.intuit.com/etc/designs/harmony/fonts/us/fsaw-bold.woff2?#iefix") format("woff2"); src: url("https://quickbooks.intuit.com/etc/designs/harmony/fonts/us/fsaw-bold.woff?#iefix") format("woff"); font-weight: 700; font-style: normal; } @font-face { font-family: "FS Albert Web"; src: url("https://quickbooks.intuit.com/etc/designs/harmony/fonts/us/fsaw-extrabold.woff2?#iefix") format("woff2"); src: url("https://quickbooks.intuit.com/etc/designs/harmony/fonts/us/fsaw-bold.woff?#iefix") format("woff"); font-weight: 800; font-style: normal; } /* Avenir Next for PCG */ @font-face { font-family: "AvenirNext"; src: url("https://quickbooks.intuit.com/etc/designs/harmony/fonts/us/AvenirNext_Rg.woff2") format("woff2"); src: url("https://quickbooks.intuit.com/etc/designs/harmony/fonts/us/AvenirNext_Rg.woff") format("woff"); font-weight: 400; font-style: normal; } .price-font, .price { font-family: "DIN Next LT Pro 400", "DIN Next LT Pro", "Consolas", "Monaco", "Lucida Console", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 400; letter-spacing: -2px; } /* fonts */ h1, h2, h3, h4, .h1, .h2, .h3, .h4 { color: #393a3d; } h1, .h1 { font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif; font-weight: 500; font-size: 44px; line-height: 1; } h2, .h2 { font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif; font-weight: 500; font-size: 44px; line-height: 1; } h3, .h3 { font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; font-weight: 600; font-size: 19px; line-height: 1; } h1, h2, h3 { letter-spacing: normal; } h4, .h4, h5, .h5 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 600; font-size: 15px; line-height: 1; } h6 { font-size: 14px; line-height: 18px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; } p { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #393a3d; } .p1 { display: block; font-size: 19px; line-height: 24px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; } .p2 { font-size: 15px; line-height: 20px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; } .p3 { font-size: 12px; line-height: 16px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; } .p4 { font-size: 12px; line-height: 18px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; } @media (max-width: 767px) { h1 { font-size: 32px; } h2 { font-size: 32px; } h3 { font-size: 19px; } h4 { font-size: 15px; } .p1 { font-size: 15px; } .p2 { font-size: 15px; } .p3 { font-size: 12px; } .p4 { font-size: 12px; } } @media (max-width: 567px) { h1 { font-size: 46px; } h2 { font-size: 22px; } p { font-size: 16px; line-height: 18px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; } } /* for backgrounds */ .bg-green { background-color: #95cd3b; } .bg-grey { background-color: #edeef0; } .bg-blue { background-color: #0098CD; } .bg-dark-blue { background-color: #34456a; } .bg-white { background-color: #fff; } .bg-gold { background-color: #b9935d; } .bg-royal-blue { background-color: #365ebf; } .bg-charcoal-grey { background-color: #737373; } .base-box-spacing { padding: 20px; } .big-box-spacing { padding: 40px; } .small-box, .big-box, .small-box-w-header, .big-box-w-header { border: 1px solid #ccc; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); } .small-box, .small-box-w-header section { padding: 20px; } .big-box, .big-box-w-header section { padding: 40px; } /* for box with header */ .small-box-w-header header, .big-box-w-header header { min-height: 68px; background-color: #0098cd; border-top-left-radius: 2px; border-top-right-radius: 2px; } .ccontainer { border: 0 solid transparent; border-radius: 0 0; position: relative; } .ccontainer .bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; overflow: hidden; text-align: center; } .ccontainer .bg > img { height: auto; max-width: 1600px; overflow: hidden; } .ccontainer .bg > img.center { left: 50%; margin-left: -50%; position: absolute; } .ccontainer .bg > img.right { float: right; } .ccontainer > * { position: relative; } .ccontainer .text-align-right { text-align: right; } .ccontainer.box-shadow-bottom { -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.2); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0.2, Direction=200, Color='#000000')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0.2, Direction=200, Color='#000000'); } .ccontainer.background-opacity-ninty { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@percentagevalue)"; /* IE 5-7 */ filter: alpha(opacity=90); /* Netscape */ -moz-opacity: 0.9; /* Safari 1.x */ -khtml-opacity: 0.9; /* Good browsers */ opacity: 0.9; } .ccontainer .resp_img .bg > img.center { left: 0; margin-left: 0; position: static; } .ccontainer .std-harmony-padding { padding: 72px 39px 45px 39px; } .ccontainer .std-harmony-top-padding { padding-top: 72px; } .ccontainer .std-harmony-right-padding { padding-right: 39px; } .ccontainer .std-harmony-bot-padding { padding-bottom: 45px; } .ccontainer .std-harmony-left-padding { padding-left: 39px; } .cproduct-pricing-card .modal-pricing-card, .simplemodal-container .modal-pricing-card { background: #fff; } .cproduct-pricing-card .modal-pricing-card header, .simplemodal-container .modal-pricing-card header { min-height: 0; text-align: center; display: table; height: 54px; width: 100%; } .cproduct-pricing-card .modal-pricing-card header p, .simplemodal-container .modal-pricing-card header p { color: #fff; font-size: 16px; line-height: 20px; padding: 0; } .cproduct-pricing-card .modal-pricing-card header > *, .simplemodal-container .modal-pricing-card header > * { display: table-cell; vertical-align: middle; } .cproduct-pricing-card .modal-pricing-card section, .simplemodal-container .modal-pricing-card section { text-align: center; } .cproduct-pricing-card .modal-pricing-card section p, .simplemodal-container .modal-pricing-card section p { padding: 0; } .cproduct-pricing-card .csimple-pricing-card .cta1, .simplemodal-container .csimple-pricing-card .cta1 { padding: 16px 0 0; } .cproduct-pricing-card .csimple-pricing-card .promo, .simplemodal-container .csimple-pricing-card .promo { position: relative; } .cproduct-pricing-card .csimple-pricing-card .promo p, .simplemodal-container .csimple-pricing-card .promo p { text-align: left; margin-left: 20px; } .cproduct-pricing-card .csimple-pricing-card .promo .poff, .simplemodal-container .csimple-pricing-card .promo .poff { background-position: -910px -640px; width: 76px; height: 76px; position: absolute; right: -16px; top: -12px; font-family: "FS Albert Web 700", "FS Albert Web", "Calibri", "Trebuchet MS", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 700; color: #202020; } .cproduct-pricing-card .csimple-pricing-card .promo .poff > div, .simplemodal-container .csimple-pricing-card .promo .poff > div { position: relative; top: 20px; right: -2px; } .cproduct-pricing-card .csimple-pricing-card .promo .poff > div .value, .simplemodal-container .csimple-pricing-card .promo .poff > div .value { font-size: 24px; } .cproduct-pricing-card .csimple-pricing-card .promo .poff > div sup, .simplemodal-container .csimple-pricing-card .promo .poff > div sup { font-size: 12px; position: relative; top: -8px; } .cproduct-pricing-card .csimple-pricing-card .promo .poff > div .off, .simplemodal-container .csimple-pricing-card .promo .poff > div .off { font-size: 11px; position: relative; top: -5px; left: -3px; } .cproduct-pricing-card .csimple-pricing-card section .price + p, .simplemodal-container .csimple-pricing-card section .price + p { margin-top: -2px; color: #999; } .cproduct-pricing-card .csimple-pricing-card section .crossed, .simplemodal-container .csimple-pricing-card section .crossed { padding-top: 6px; } .cproduct-pricing-card .csimple-pricing-card .price, .simplemodal-container .csimple-pricing-card .price { color: #202020; letter-spacing: -4px; padding: 0; display: inline-block; } .cproduct-pricing-card .csimple-pricing-card .price .aw, .simplemodal-container .csimple-pricing-card .price .aw, .cproduct-pricing-card .csimple-pricing-card .price .as, .simplemodal-container .csimple-pricing-card .price .as { font-size: 64px; line-height: 64px; } .cproduct-pricing-card .csimple-pricing-card .price .ct, .simplemodal-container .csimple-pricing-card .price .ct, .cproduct-pricing-card .csimple-pricing-card .price .ac, .simplemodal-container .csimple-pricing-card .price .ac { font-size: 36px; position: relative; top: -18px; } .cproduct-pricing-card .csimple-pricing-card .price .ac, .simplemodal-container .csimple-pricing-card .price .ac, .cproduct-pricing-card .csimple-pricing-card .price .per, .simplemodal-container .csimple-pricing-card .price .per { color: #505050; } .cproduct-pricing-card .csimple-pricing-card .price .per, .simplemodal-container .csimple-pricing-card .price .per { font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; letter-spacing: 0; margin-left: -15px; } .cproduct-pricing-card .csimple-pricing-card .price-only, .simplemodal-container .csimple-pricing-card .price-only { padding: 30px 0 15px; } .cproduct-pricing-card .cq-wcm-edit .modal-pricing-card header > div, .simplemodal-container .cq-wcm-edit .modal-pricing-card header > div { display: block; } .cproduct-pricing-card { background: #fafafa; } .cproduct-pricing-card .price-info p { text-align: center; } .cproduct-pricing-card .price-info p .crossed { color: #999; } .cproduct-pricing-card .csimple-pricing-card .price { letter-spacing: -3px; } .cproduct-pricing-card .csimple-pricing-card .promo .poff { top: 30px; right: 5px; } .cproduct-pricing-card .csimple-pricing-card .promo .poff > div { /* this is ".centered" container (different from modal pricing card, taking advantage base.less). Inherits position: relative, override position values to normalize, top: -2px is a design tweak */ width: 50px; top: -2px; left: 0; right: 0; } .cproduct-pricing-card .csimple-pricing-card .promo .poff > div .text { /* burst text container */ line-height: 11px; font-size: 11px; } .cproduct-pricing-card .csimple-pricing-card .cta1 { /* this calculates to spec 36px 0 30px taking into account adjacent element padding */ padding: 20px 0 28px; } .cproduct-pricing-card .centered > div:first-child { padding-right: 0; } .cproduct-pricing-card header { /* does not perfectly match this selector in simple_pricing_card.less as this pricing card takes advantage of .centered valign class and is different per spec */ text-align: center; height: 67px; } .cproduct-pricing-card header h3, .cproduct-pricing-card header h4 { color: #fff; } .cproduct-pricing-card header h3 { line-height: 26px; } .cproduct-pricing-card header h4 { line-height: 16px; font-family: "FS Albert Web 300", "FS Albert Web", "Calibri", "Trebuchet MS", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 300; } .cproduct-pricing-card section { text-align: center; padding: 10px; } .cproduct-pricing-card section p { padding: 0; text-align: left; } .cproduct-pricing-card section .ctext ul { list-style: none; padding-top: 14px; padding-bottom: 14px; } .cproduct-pricing-card section .ctext li { text-align: left; line-height: 36px; border-top: 1px dotted #505050; color: #0098cd; } .cproduct-pricing-card section .ctext li span { color: #505050; } .cproduct-pricing-card section .image-price-container.inline { margin: 0 auto; padding-top: 20px; } .cproduct-pricing-card section .image-price-container.inline .image1, .cproduct-pricing-card section .image-price-container.inline .price { display: inline-block; position: relative; } .cproduct-pricing-card section .image-price-container.inline .price { top: -15px; } .cproduct-pricing-card section .image-price-container.section-icon-disabled { padding-top: 30px; } .cproduct-pricing-card section .image-price-container.section-icon-disabled.none { padding-top: 10px; } .cproduct-pricing-card section .onetime { display: inline-block; } .cproduct-pricing-card section .additionalfee { position: relative; top: 6px; } .cproduct-pricing-card section .price-container .per { /* identical to ".price .per" in .csimple-pricing-card but required due to markup change caused by function render_pricing(dynamic.pricing) */ margin-left: -15px; } .cproduct-pricing-card section .price-container sup { left: -3px; } .cproduct-pricing-card section .price-container.onetime-c sup { top: -3.9em; } .cproduct-pricing-card section .price-container.onetime-c .per { display: none; } .cproduct-pricing-card section .price-container.free .ct, .cproduct-pricing-card section .price-container.free .as, .cproduct-pricing-card section .price-container.free .ac { display: none; } .cproduct-pricing-card section .price-container.free sup { top: .5em; left: 12px; } .cproduct-pricing-card section .price-container.none .price, .cproduct-pricing-card section .price-container.none .per { display: none; } /* @import "/etc/designs/harmony/assets/common/css/pricing_card_2.less";//issue with table class. which is overriding onpage nav layout. */ .answerxchange h2 { text-align: center; margin-top: 72px; } .answerxchange .wrapper { white-space: nowrap; width: 60%; display: table; vertical-align: middle; margin: 20px auto; } .answerxchange .wrapper input { -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; } .answerxchange input, .answerxchange button { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-size: 15px; display: table-cell; } .answerxchange input[type="search"] { height: 40px; width: 100%; font-size: 16px; margin: 0; color: #2b2b2b; padding: 4px 36px 4px 6px; display: inline-block; background-color: #ffffff; border: 1px solid #cccccc; line-height: 22px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; } .answerxchange input[type="search"]:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; -webkit-box-shadow: 0 0 8px rgba(82,168,236,0.6), inset 0 1px 1px rgba(0,0,0,0.075); -moz-box-shadow: 0 0 8px rgba(82,168,236,0.6), inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: 0 0 8px rgba(82,168,236,0.6), inset 0 1px 1px rgba(0,0,0,0.075); } .answerxchange button[type=submit] { display: inline-block; color: #ffffff; font-size: 14px; padding: 3px 24px 3px 12px; height: 32px; border: 1px solid #304f9d; background-image: url('https://quickbooks.intuit.com/etc/designs/harmony/images/global-sprite-fallback.png'); background-image: url('https://quickbooks.intuit.com/etc/designs/harmony/images/global-sprite.svg'); background-position: right -390px; background-repeat: no-repeat; -webkit-border-radius: 2px; border-radius: 2px; margin-left: 15px; } .answerxchange ul { margin-top: 30px; } .answerxchange li { padding: 15px 0; border-bottom: 1px solid #cccccc; } .answerxchange li a { font-size: 17px; } .answerxchange li p { padding: 5px 0; color: #aaaaaa; } .answerxchange li.last { border-bottom: none; } .answerxchange .err { font-weight: bold; color: #ff0000; } .answerxchange .info { margin-top: 5px; } .answerxchange .info div { display: inline-block; margin-right: 25px; font-size: 12px; color: #777; } .answerxchange .info div i { display: inline-block; height: 18px; width: 18px; margin-right: 3px; background-repeat: no-repeat; background-image: url('https://quickbooks.intuit.com/etc/designs/harmony/images/global-sprite-fallback.png'); background-image: url('https://quickbooks.intuit.com/etc/designs/harmony/images/global-sprite.svg'); } .answerxchange .info div.ac i { background-position: 0 -496px; margin-bottom: -3px; } .answerxchange .info div.usr i { background-position: -28px -496px; margin-bottom: -2px; } .cemail-box { padding: 40px 0; /* TODO: Talk with Ricky and Craig to use */ } .cemail-box .email-icon, .cemail-box .email-heading, .cemail-box .email-form, .cemail-box .email-success, .cemail-box .email-error { text-align: center; } .cemail-box .icon-email-env { content: "b"; font-size: 43px; width: 50px; margin: 0 auto; color: #8C8C8B; } .cemail-box .email-heading { margin: 20px 0 3px; } .cemail-box .email-form { /* TODO: use gradient and font-style from mixin in mixin.less and remove font family.*/ /* TODO: check if we really need to give */ /* TODO: Dont use undescore use dash instead. */ } .cemail-box .email-form .email-text { height: 23px; font-style: italic; } .cemail-box .email-form .email_submit_button { color: #365ebf; font-size: 14px; line-height: 1.8em; border: 1px solid #dedede; padding: 1px 15px; height: 29px; text-align: center; border-radius: 2px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; font-family: sans-serif; background: #f0f0f0; background: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background: -o-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background: -ms-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background: linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%); } .cemail-box .email-error { color: #ff0000; } .cemail-box .email-success { margin-top: 5px; } .cemail-box .email-success div { display: inline-block; } .cemail-box .email-success .icon-confirm-check { content: "a"; font-size: 18px; margin-right: 3px; display: inline-block; vertical-align: bottom; color: #365EBF; } .cemail-box.white .icon-email-env { content: "b"; font-size: 43px; width: 50px; margin: 0 auto; color: #FFFFFF; } .cemail-box.white .email-heading, .cemail-box.white .email-success { color: #ffffff; } .cemail-box.white .icon-confirm-check { content: "a"; font-size: 18px; margin-right: 3px; display: inline-block; vertical-align: bottom; color: #FFFFFF; } /* TODO: Make a coomon folder for icon font and move there./etc/designs/harmony/fonts/icons with genric file names */ /* TODO: Move font-face to font.less */ @font-face { font-family: "email_capture"; src: url("https://quickbooks.intuit.com/etc/designs/harmony/fonts/fontawesome/email_capture.eot"); src: url("https://quickbooks.intuit.com/etc/designs/harmony/fonts/fontawesome/email_capture.eot?#iefix") format("embedded-opentype"), url("https://quickbooks.intuit.com/etc/designs/harmony/fonts/fontawesome/email_capture.woff") format("woff"), url("https://quickbooks.intuit.com/etc/designs/harmony/fonts/fontawesome/email_capture.ttf") format("truetype"), url("https://quickbooks.intuit.com/etc/designs/harmony/fonts/fontawesome/email_capture.svg#email_capture") format("svg"); font-weight: normal; font-style: normal; } [data-icon]:before { font-family: "email_capture" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .creviews-carousel { margin: 0; padding: 0; background-color: #f2f2f4; } .creviews-carousel .left-review-carousel { margin: 0px 0px 54px; padding: 40px; background-color: #FFF; border: 1px solid #ccc; width: 380px; } .creviews-carousel .left-review-carousel .ctext .p2 { font-size: 14px; } .creviews-carousel .left-review-carousel .review-inner-container { height: 332px; margin-left: 20px; margin-right: 10px; width: 380px; } .creviews-carousel .right-review-container { background-color: #FFF; border: 1px solid #ccc; height: 332px; margin-left: 15px; padding: 40px; width: 380px; } .creviews-carousel .right-review-container .video-container { height: 150px; margin-bottom: 56px; margin-top: 23px; width: 100%; } .creviews-carousel h2 { padding: 78px 0 54px; text-align: center; } .creviews-carousel .carousel-wrap { margin: 0 0 54px; padding: 54px 0 30px; background-color: #ffffff; } .creviews-carousel .creview { min-height: 140px; } .creviews-carousel .creviews-footer-text { margin-bottom: 30px; text-align: center; } .creviews-carousel .reviews_and_videos_container { margin: 0px auto; width: 940px; } .creviews-carousel .reviews_and_videos_container .left_reviewsvideos_container { background-color: #FFF; border: 1px solid #ccc; float: left; height: 450px; width: 380px; } .creviews-carousel .reviews_and_videos_container .right_reviewsvideos_container { background-color: #FFF; border: 1px solid #ccc; float: left; height: 450px; margin-left: 15px; width: 380px; } .creviews-carousel .reviews_and_videos_container .clear { clear: both; } .creviews-carousel .reviews_rss_carousel_info_text { color: green; font-size: 13px; font-weight: bold; padding: 10px; text-align: center; } .chero-carousel { margin: 0 auto; padding: 0; } .chero-carousel .carousel-viewport { background-color: #edeef0; margin: 0 auto; width: 1600px; } .chero-carousel .carousel-viewport .carousel-slides { position: relative; } .chero-carousel .carousel-viewport .carousel-slides .ccontainer { height: 492px; } .chero-carousel .carousel-viewport .carousel-slides .ccontainer img { position: absolute; top: 0; left: 0; } .chero-carousel .carousel-viewport .carousel-slides .ccontainer .content-container-hero { width: 940px; margin: 0 auto; } .chero-carousel .carousel-viewport .carousel-slides .ccontainer .content-container-hero .ccontainer-rt-just { float: right; } .chero-carousel .carousel-viewport .carousel-slides .ccontainer .content-container-hero .ccontainer-lt-just { float: left; } .chero-carousel .carousel-viewport .carousel-slides .ccontainer .content-container-hero .box-container { margin: 60px 0 0; height: 372px; padding: 10px; } .chero-carousel .carousel-viewport .carousel-slides .ccontainer .content-container-hero .bg-white { background: rgba(255, 255, 255, 0.9); filter: alpha(opacity=90); } .chero-carousel .carousel-viewport .carousel-slides .ccontainer .content-container-hero .ccontainer img { position: relative; } .chero-carousel .creview { min-height: 140px; } .chero-carousel .carousel-controls { margin-top: 0px; } .chero-carousel .carousel-viewport { overflow: hidden ! important; } .chero-carousel .carousel-slides { width: 1600px; list-style: none; margin: 0; padding: 0; } .chero-carousel .carousel-slides > li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; } .chero-carousel .carousel-slides > li img { max-width: 100%; } .chero-carousel .carousel-slides:after, .chero-carousel .carousel-slides > li:after { content: "."; display: block; height: 0; width: 0; line-height: 0; clear: both; visibility: hidden; } .chero-carousel .carousel-controls { text-align: center; position: relative; top: -23px; } .chero-carousel .carousel-controls .carousel-controls-wrap { background-color: #eaebed; display: inline-block; padding: 10px 15px; -webkit-border-radius: 20px; border-radius: 20px; } .chero-carousel .carousel-controls li { display: inline-block; margin: 0; padding: 0; } .chero-carousel .carousel-controls .prev, .chero-carousel .carousel-controls .next { display: inline-block; width: 15px; height: 20px; margin: 0; padding: 0; vertical-align: middle; background-position: -538px -399px; overflow: hidden; text-indent: -100em; cursor: pointer; } .chero-carousel .carousel-controls .next { background-position: -578px -399px; } .chero-carousel .carousel-controls .prev:hover { background-position: -538px -439px; } .chero-carousel .carousel-controls .next:hover { background-position: -578px -439px; } .chero-carousel .carousel-controls .carousel-pagination { display: inline-block; list-style: disc; margin: 0; padding: 0 20px; } .chero-carousel .carousel-controls .carousel-pagination li { display: inline-block; width: 5px; height: 5px; margin: 0 8px; padding: 0; cursor: pointer; background-color: #d4d7dc; -webkit-border-radius: 10px; border-radius: 10px; } .chero-carousel .carousel-controls .carousel-pagination li:hover, .chero-carousel .carousel-controls .carousel-pagination .carousel-pagination-active { background-color: #2ca01c; } .labor-law { margin: 20px 0; padding: 20px 0 30px; } .labor-law .labor-law-left-column, .labor-law .labor-law-right-column { float: left; font-family: "FS Albert Web 400", "FS Albert Web", "Calibri", "Trebuchet MS", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 400; width: 55%; } .labor-law .labor-law-left-column .federal-container .federal-title, .labor-law .labor-law-right-column .federal-container .federal-title { color: #393a3d; float: left; font-size: 20px; margin-top: 14px; } .labor-law .labor-law-right-column { float: right; margin-right: 25px; width: 28%; } .labor-law .state-container, .labor-law .federal-container { height: 70px; padding-bottom: 5px; } .labor-law select::-ms-expand { display: none; /* hide default arrow in IE10 */ } .labor-law .custom-select { background: #ffffff; float: left; width: 230px; border: 1px solid #27496e; -webkit-border-radius: 2px; border-radius: 2px; height: 50px; line-height: normal; padding: 0 1.2em 0 0; position: relative; } .labor-law select { appearance: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; background: url('https://quickbooks.intuit.com/etc/designs/harmony/images/labor-law-select-arrow.png') no-repeat 203px center; padding: 0 1px; height: 25px; position: relative; top: 10px; -moz-padding-start: 2px; border: none; color: #393a3d; float: left; font-family: "FS Albert Web 400", "FS Albert Web", "Calibri", "Trebuchet MS", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 400; font-size: 20px; margin-left: 12px; text-indent: 0.01px; text-overflow: ""; width: 220px; display: block; } .labor-law select:focus { outline: 0; } .labor-law .select-state-poster { float: left; margin-left: 30px; } .labor-law .state-feed-content, .labor-law .default-state-feed-content, .labor-law .no-default-state-feed-content { line-height: 18px; padding-right: 45px; } .labor-law .state-feed-content .date, .labor-law .default-state-feed-content .date, .labor-law .no-default-state-feed-content .date { color: #808080; font-size: 13px; } .labor-law .state-feed-content .feed-content-title, .labor-law .default-state-feed-content .feed-content-title, .labor-law .no-default-state-feed-content .feed-content-title { font-weight: bold; } .labor-law .state-feed-content .new-poster, .labor-law .default-state-feed-content .new-poster, .labor-law .no-default-state-feed-content .new-poster { color: #e0381d; } .labor-law .state-feed-content .feed-desc, .labor-law .default-state-feed-content .feed-desc, .labor-law .no-default-state-feed-content .feed-desc { font-size: 13px; margin-top: 5px; padding-bottom: 15px; } .labor-law .no-default-state-feed-content, .labor-law .rss-fail { display: none; } .labor-law .default-state-feed-content { padding-right: 0px; } .labor-law .state_hidden { display: none; } .labor-law .state_visible { display: block; } .labor-law .states-map, .labor-law .default-states-map { background: url('https://quickbooks.intuit.com/etc/designs/harmony/images/labor_law_states.png') no-repeat 0 0; width: 76px; } .labor-law .default-states-map { width: 97px; } .labor-law .no-state-details { color: #ffffff; background-color: #dc3c1e; font-size: 13px; width: 71%; padding: 10px; -webkit-border-radius: 2px; border-radius: 2px; display: none; } .labor-law .alabama { background-position: -5px -210px; height: 70px; } .labor-law .alaska { background-position: -5px -5px; height: 62px; } .labor-law .arizona { background-position: -5px -72px; height: 66px; } .labor-law .arkansas { background-position: -5px -143px; height: 61px; } .labor-law .california { background-position: -5px -285px; height: 70px; } .labor-law .colorado { background-position: -5px -360px; height: 54px; } .labor-law .connecticut-admin, .labor-law .connecticut-hotel, .labor-law .connecticut-merc { background-position: -5px -419px; height: 49px; } .labor-law .district-of-columbia { background-position: -5px -473px; height: 70px; } .labor-law .delaware { background-position: -5px -548px; height: 70px; } .labor-law .florida { background-position: -5px -622px; height: 65px; } .labor-law .georgia { background-position: -5px -692px; height: 67px; } .labor-law .hawaii { background-position: -5px -764px; height: 49px; } .labor-law .idaho { background-position: -5px -818px; height: 70px; } .labor-law .illinois { background-position: -5px -893px; height: 70px; } .labor-law .indiana { background-position: -5px -968px; height: 70px; } .labor-law .iowa { background-position: -5px -1043px; height: 44px; } .labor-law .kansas { background-position: -5px -1092px; height: 39px; } .labor-law .kentucky { background-position: -5px -1136px; height: 32px; } .labor-law .louisiana { background-position: -5px -1173px; height: 54px; } .labor-law .maine { background-position: -5px -1232px; height: 70px; } .labor-law .maryland { background-position: -5px -1307px; height: 37px; } .labor-law .massachusetts { background-position: -5px -1349px; height: 42px; } .labor-law .michigan { background-position: -5px -1396px; height: 70px; } .labor-law .minnesota { background-position: -5px -1471px; height: 68px; } .labor-law .mississippi { background-position: -5px -1544px; height: 70px; } .labor-law .missouri { background-position: -5px -1619px; height: 62px; } .labor-law .montana { background-position: -5px -1686px; height: 35px; } .labor-law .nebraska { background-position: -5px -1726px; height: 31px; } .labor-law .nevada { background-position: -5px -1762px; height: 70px; } .labor-law .new-hampshire { background-position: -5px -1837px; height: 70px; } .labor-law .new-jersey { background-position: -5px -1912px; height: 70px; } .labor-law .new-mexico { background-position: -5px -1987px; height: 64px; } .labor-law .new-york { background-position: -5px -2056px; height: 52px; } .labor-law .north-carolina { background-position: -5px -2113px; height: 28px; } .labor-law .north-dakota { background-position: -5px -2146px; height: 37px; } .labor-law .ohio { background-position: -5px -2188px; height: 65px; } .labor-law .oklahoma { background-position: -5px -2258px; height: 36px; } .labor-law .oregon { background-position: -5px -2299px; height: 48px; } .labor-law .pennsylvania { background-position: -5px -2352px; height: 39px; } .labor-law .puerto-rico { background-position: -5px -2396px; height: 23px; } .labor-law .rhode-island { background-position: -5px -2424px; height: 62px; } .labor-law .south-carolina { background-position: -5px -2491px; height: 59px; } .labor-law .south-dakota { background-position: -5px -2555px; height: 41px; } .labor-law .tennessee { background-position: -5px -2601px; height: 18px; } .labor-law .texas { background-position: -5px -2624px; height: 67px; } .labor-law .utah { background-position: -5px -2696px; height: 67px; } .labor-law .vermont { background-position: -5px -2768px; height: 70px; } .labor-law .virginia { background-position: -5px -2843px; height: 32px; } .labor-law .washington { background-position: -5px -2880px; height: 40px; } .labor-law .west-virginia { background-position: -5px -2925px; height: 63px; } .labor-law .wisconsin { background-position: -5px -2993px; height: 68px; } .labor-law .wyoming { background-position: -5px -3066px; height: 49px; } .labor-law .your_state { background-position: -5px -3120px; height: 35px; } .labor-law .federal { background-position: 0px -3186px; height: 58px; } .eCommerce-product-div { margin: 0px auto; width: auto; border: solid 0px red; } .eCommerce-product-div .cpricing-card .pricing-card-content { padding: 12px 18px 30px; } .eCommerce-product-div p.or-text { font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; font-size: 12px; line-height: 16px; color: #393A3D; letter-spacing: 0; padding-top: 0px; padding-bottom: 0px; margin-bottom: -15px; margin-top: -4px; text-align: center; } .eCommerce-product-div .image-price-container .extra_margin { margin-top: 22px; } .eCommerce-product-div .image-price-container .price-container-title { color: #202020; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; font-size: 18px; line-height: 18px; margin: 0px 0 15px; text-align: center; display: block; } .eCommerce-product-div .image-price-container .eCommerce_product_placeholder { color: #202020; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; font-size: 18px; line-height: 18px; margin: 22px 0 15px; text-align: center; display: block; padding: 20px; } .eCommerce-product-div .image-price-container .price-container { border: solid 0px red; } .eCommerce-product-div .image-price-container .price-container .pricing-section { margin: 4px auto 0; display: table; } .eCommerce-product-div .image-price-container .price-container .pricing-section .price { color: #202020; font-weight: 400; letter-spacing: -2px; font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif; text-align: center; float: left; margin-left: -2px; } .eCommerce-product-div .image-price-container .price-container .pricing-section .price .line-through { border-top: 1px solid #202020; margin: 0 auto; position: relative; top: 12px; width: 100%; display: block; } .eCommerce-product-div .image-price-container .price-container .pricing-section span .red-price-text { color: #d52b1e; } .eCommerce-product-div .image-price-container .price-container .pricing-section .red-price-text { float: left; letter-spacing: -2px; margin-left: 8px; white-space: nowrap; } .eCommerce-product-div .image-price-container .price-container .pricing-section .red-price-text span { color: #d52b1e; } .eCommerce-product-div .image-price-container .price-container .pricing-section .ct, .eCommerce-product-div .image-price-container .price-container .pricing-section .ac { font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif; font-weight: 300; position: relative; top: -13px; color: #202020; font-size: 20px; letter-spacing: normal; } .eCommerce-product-div .image-price-container .price-container .pricing-section .aw, .eCommerce-product-div .image-price-container .price-container .pricing-section .as { font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif; font-weight: 300; font-size: 40px; letter-spacing: -0.05em; line-height: 1; } .eCommerce-product-div .image-price-container .price-container .per { margin-left: 2px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; font-weight: 300; font-size: 18px; color: #d52b1e; top: 14px; position: relative; letter-spacing: normal; } .eCommerce-product-div .image-price-container .price-container .bper { margin-left: 2px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; font-weight: 300; font-size: 18px; display: table-cell; color: #202020; } .eCommerce-product-div .image-price-container .offer-text { font-size: 15px; margin-top: 2px; text-align: center; line-height: 1; } .eCommerce-product-div .image-price-container .offer-text .high-attention-text { color: #d52b1e; display: block; } .eCommerce-product-div .image-price-container .offer-text p4 { display: block; margin-bottom: 20px; } .eCommerce-product-div .image-price-container p.payroll_text { margin: 15px auto 0; display: table; } .eCommerce-product-div .image-price-container p.try-it-free-offer-text { font-size: 12px; color: #202020; text-align: center; margin-top: 5px; } .eCommerce-product-div .blue-button { text-align: center; line-height: 18px; margin-top: 20px; margin-bottom: 6px; } .eCommerce-product-div .blue-button a:visited { text-decoration: none; color: #365ebf; text-align: center; } .eCommerce-product-div .blue-button a { background: linear-gradient(to bottom, #3f6dc9 50%, #3054b8 100%); border: 1px solid #304f9d; border-radius: 2px; display: inline-block; padding: 3px 15px; text-decoration: none; } .eCommerce-product-div .blue-button a span { color: #ffffff; font-size: 16px; font-family: "DIN Next LT Pro 400", "DIN Next LT Pro", "Consolas", "Monaco", "Lucida Console", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; line-height: normal; font-weight: 400; text-align: center; } .eCommerce-product-div .blue-button-for-try-it-free { margin: 22px auto 6px; text-align: center; } .eCommerce-product-div .blue-button-for-try-it-free a:visited { text-decoration: none; color: #365ebf; text-align: center; } .eCommerce-product-div .blue-button-for-try-it-free a { background: linear-gradient(to bottom, #3f6dc9 50%, #3054b8 100%); border: 1px solid #304f9d; border-radius: 2px; display: inline-block; padding: 3px 15px; text-decoration: none; } .eCommerce-product-div .blue-button-for-try-it-free a span { color: #ffffff; font-size: 16px; font-family: "DIN Next LT Pro 400", "DIN Next LT Pro", "Consolas", "Monaco", "Lucida Console", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; line-height: normal; font-weight: 400; text-align: center; } .eCommerce-product-div .tryit-free-link-url { margin-top: 15px; text-align: center; } .eCommerce-product-div .tryit-free-link-url .free-trial-text { font-size: 15px; text-align: center; } .eCommerce-product-div .tryit-free-link-url .exclude-discount { display: block; font-size: 13px; text-align: center; } .eCommerce-product-div .text1 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 11px; margin-top: -1px; line-height: 18px; margin-left: 2px; } .eCommerce-product-div .text1 .ctext { margin: 0 auto; display: table; } .eCommerce-product-div .text1 .ctext ul { padding-top: 15px; padding-left: 12px; padding-bottom: 1px; } .eCommerce-product-div .text1 .ctext ul li { border-top: medium none; border-bottom: 0px dotted #505050 !important; color: #505050; font-size: 12px; line-height: 1; padding-bottom: 8px; text-align: left; list-style-type: disc; text-indent: 0px; list-style-position: outside; padding-left: 5px; line-height: normal !important; } .eCommerce-product-div .text1 .ctext ul li span.p3 { font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; font-size: 15px; color: #202020; text-indent: 0px; display: block; } .eCommerce-product-div .text1 .ctext ul li:last-child { border-bottom: 0px; } .eCommerce-product-div .text1 .ctext ul > li { list-style-type: disc; } .eCommerce-product-div .text1 .ctext-nopadding ul > li { list-style-type: disc; } .eCommerce-product-div .bper.black-price-month { left: -4px; position: relative; top: -4px; } .eCommerce-product-div .bper.black-price-month, .eCommerce-product-div #notie8#hack { /* ie7, ie9, ie10, ie11+ only */ top: 14px; left: 0; display: inline-block !important; } .eCommerce-product-div .error-message { color: red; font-weight: bold; } .column-size-is-large .comp-chart-header-container .eCommerce-product-div p.or-text, .column-size-is-x-large .comp-chart-header-container .eCommerce-product-div p.or-text { margin-bottom: -21px; margin-top: -5px; } .column-size-is-auto .comp-chart-header-container .eCommerce-product-div p.or-text, .airstream-2 .comp-chart-header-container .eCommerce-product-div p.or-text, .airstream-3 .comp-chart-header-container .eCommerce-product-div p.or-text { margin-top: -14px; } .column-size-is-large .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .price { clear: both; float: none; margin-bottom: 4px; margin-left: auto; margin-right: auto; text-align: center; display: block; } .column-size-is-large .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .price .line-through { top: 8px; width: 60%; left: 1px; } .column-size-is-large .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .price .aw, .column-size-is-large .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .price .as { letter-spacing: -1px; } .column-size-is-large .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .red-price-text { display: inline; float: none; letter-spacing: 0; } .column-size-is-large .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .ct, .column-size-is-large .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .ac { top: -7px; font-size: 14px; } .column-size-is-large .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .aw, .column-size-is-large .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .as { font-size: 25px; line-height: 22px; } .column-size-is-large .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .per { font-family: "DIN Next LT Pro 300", "DIN Next LT Pro", "Consolas", "Monaco", "Lucida Console", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 300; font-size: 14px; color: #d52b1e; top: 0px; font-weight: normal; display: inline-block; } .column-size-is-large .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .bper { margin-left: -7px; font-family: "DIN Next LT Pro 300", "DIN Next LT Pro", "Consolas", "Monaco", "Lucida Console", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 300; font-size: 14px; display: table-cell !important; color: #202020; } .column-size-is-large .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .bper.black-price-month, .column-size-is-large .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container #notie8#hack { top: 0; left: 2px; } .column-size-is-large .comp-chart-header-container .eCommerce-product-div .image-price-container .offer-text { font-size: 12px; line-height: 16px; margin-top: 2px; } .column-size-is-large .comp-chart-header-container .eCommerce-product-div .image-price-container .offer-text .high-attention-text { color: #d52b1e; } .column-size-is-large .comp-chart-header-container .eCommerce-product-div .image-price-container p.try-it-free-offer-text { margin-top: 2px; } .column-size-is-large .comp-chart-header-container .eCommerce-product-div .image-price-container p.payroll_text { margin: 5px auto 0; display: table; font-size: 10px; } .column-size-is-large .comp-chart-header-container .eCommerce-product-div .blue-button { margin-top: 10px; } .column-size-is-large .comp-chart-header-container .eCommerce-product-div .blue-button-for-try-it-free { margin: 10px auto 6px; } .column-size-is-large .comp-chart-header-container .eCommerce-product-div .tryit-free-link-url .free-trial-text, .column-size-is-large .comp-chart-header-container .eCommerce-product-div .tryit-free-link-url .exclude-discount { font-size: 12px; } .column-size-is-large .comp-chart-header-container .eCommerce-product-div .text1 .ctext { width: 170px; } .column-size-is-large .comp-chart-header-container .eCommerce-product-div .text1 .ctext ul { margin-left: 5px; } .column-size-is-large .comp-chart-header-container .eCommerce-product-div .text1 .ctext ul li { font-size: 11px; line-height: 13px; line-height: 12px; padding-left: 0px; } .column-size-is-large .comp-chart-header-container .eCommerce-product-div .text1 .ctext ul li span.p3 { font-size: 11px; } .column-size-is-x-large .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .price { margin-bottom: 4px; } .column-size-is-x-large .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .price .line-through { top: 8px; } .column-size-is-x-large .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .price .aw, .column-size-is-x-large .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .price .as { letter-spacing: -1px; } .column-size-is-x-large .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .red-price-text { letter-spacing: 0px; } .column-size-is-x-large .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .ct, .column-size-is-x-large .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .ac { top: -7px; font-size: 14px; } .column-size-is-x-large .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .aw, .column-size-is-x-large .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .as { font-size: 25px; line-height: 22px; } .column-size-is-x-large .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .per { font-family: "DIN Next LT Pro 300", "DIN Next LT Pro", "Consolas", "Monaco", "Lucida Console", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-size: 14px; color: #d52b1e; font-weight: 300; top: 6px; } .column-size-is-x-large .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .bper { margin-left: auto; font-family: "DIN Next LT Pro 300", "DIN Next LT Pro", "Consolas", "Monaco", "Lucida Console", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-size: 14px; font-weight: 300; top: 5px; } .column-size-is-x-large .comp-chart-header-container .eCommerce-product-div .image-price-container .offer-text { font-size: 12px; line-height: 18px; margin-top: -3px; } .column-size-is-x-large .comp-chart-header-container .eCommerce-product-div .image-price-container .offer-text .high-attention-text { color: #d52b1e; } .column-size-is-x-large .comp-chart-header-container .eCommerce-product-div .image-price-container p.payroll_text { margin: 5px auto 0; display: table; font-size: 10px; } .column-size-is-x-large .comp-chart-header-container .eCommerce-product-div .tryit-free-link-url .free-trial-text, .column-size-is-x-large .comp-chart-header-container .eCommerce-product-div .tryit-free-link-url .exclude-discount { font-size: 12px; } .column-size-is-x-large .comp-chart-header-container .eCommerce-product-div .text1 .ctext { width: 170px; } .column-size-is-x-large .comp-chart-header-container .eCommerce-product-div .text1 .ctext ul { margin-left: 5px; } .column-size-is-x-large .comp-chart-header-container .eCommerce-product-div .text1 .ctext ul li { font-size: 11px; line-height: 13px; line-height: 12px; padding-left: 0px; } .column-size-is-x-large .comp-chart-header-container .eCommerce-product-div .text1 .ctext ul li span.p3 { font-size: 11px; } .column-size-is-auto .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .price .line-through { top: 8px; } .column-size-is-auto .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .price .aw, .column-size-is-auto .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .price .as { letter-spacing: -1px; } .column-size-is-auto .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .ct, .column-size-is-auto .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .ac { top: -6px; font-size: 14px; } .column-size-is-auto .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .aw, .column-size-is-auto .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .as { font-size: 25px; line-height: 22px; } .column-size-is-auto .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .per { font-family: "DIN Next LT Pro 400", "DIN Next LT Pro", "Consolas", "Monaco", "Lucida Console", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 400; font-size: 14px; color: #d52b1e; font-weight: normal; } .column-size-is-auto .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .bper { margin-left: -4px; font-family: "DIN Next LT Pro 400", "DIN Next LT Pro", "Consolas", "Monaco", "Lucida Console", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 400; font-size: 14px; } .column-size-is-auto .comp-chart-header-container .eCommerce-product-div .image-price-container .offer-text { font-size: 12px; line-height: 18px; margin-top: -3px; } .column-size-is-auto .comp-chart-header-container .eCommerce-product-div .image-price-container .offer-text .high-attention-text { color: #d52b1e; } .column-size-is-auto .comp-chart-header-container .eCommerce-product-div .image-price-container p.payroll_text { margin: 5px auto 0; display: table; font-size: 10px; } .column-size-is-auto .comp-chart-header-container .eCommerce-product-div .tryit-free-link-url .free-trial-text, .column-size-is-auto .comp-chart-header-container .eCommerce-product-div .tryit-free-link-url .exclude-discount { font-size: 12px; } .column-size-is-auto .comp-chart-header-container .eCommerce-product-div .text1 .ctext { width: 170px; } .column-size-is-auto .comp-chart-header-container .eCommerce-product-div .text1 .ctext ul { margin-left: 5px; } .column-size-is-auto .comp-chart-header-container .eCommerce-product-div .text1 .ctext ul li { font-size: 11px; line-height: 13px; line-height: 12px; padding-left: 0px; } .column-size-is-auto .comp-chart-header-container .eCommerce-product-div .text1 .ctext ul li span.p3 { font-size: 11px; } .airstream-2 .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .price { width: auto; margin-top: 20px; white-space: nowrap; float: left; } .airstream-2 .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .price .line-through { left: 0px; top: 2px; width: 100%; } .airstream-2 .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .price .aw, .airstream-2 .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .price .as { font-size: 40px; letter-spacing: -1px; line-height: 22px; } .airstream-2 .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .red-price-text { margin-top: 15px; margin-left: 8px; float: left; } .airstream-2 .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .ct, .airstream-2 .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .ac { font-size: 20px; top: -13px; } .airstream-2 .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .aw, .airstream-2 .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .as { font-size: 40px; line-height: 35px; } .airstream-2 .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .per { font-family: "DIN Next LT Pro 400", "DIN Next LT Pro", "Consolas", "Monaco", "Lucida Console", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 400; font-size: 18px; color: #d52b1e; top: 25px; font-weight: 300; } .airstream-2 .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .bper { margin-left: 1px; font-family: "DIN Next LT Pro 400", "DIN Next LT Pro", "Consolas", "Monaco", "Lucida Console", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 400; font-size: 18px; font-weight: 300; margin-top: 16px; } .airstream-2 .comp-chart-header-container .eCommerce-product-div .image-price-container .offer-text { line-height: 18px; font-size: 13px; } .airstream-2 .comp-chart-header-container .eCommerce-product-div .image-price-container .offer-text .high-attention-text { color: #d52b1e; } .airstream-2 .comp-chart-header-container .eCommerce-product-div .image-price-container p.payroll_text { margin: 5px auto 0; display: table; font-size: 12px; } .airstream-2 .comp-chart-header-container .eCommerce-product-div .blue-button { margin-top: 20px; } .airstream-2 .comp-chart-header-container .eCommerce-product-div .blue-button-for-try-it-free { margin: 20px auto 6px; } .airstream-2 .comp-chart-header-container .eCommerce-product-div .tryit-free-link-url .free-trial-text { font-size: 14px; } .airstream-2 .comp-chart-header-container .eCommerce-product-div .tryit-free-link-url .exclude-discount { font-size: 13px; margin-left: 4px; } .airstream-2 .comp-chart-header-container .eCommerce-product-div .text1 .ctext { width: 170px; } .airstream-2 .comp-chart-header-container .eCommerce-product-div .text1 .ctext ul { margin-left: 5px; } .airstream-2 .comp-chart-header-container .eCommerce-product-div .text1 .ctext ul li { font-size: 11px; line-height: 13px; line-height: 12px; padding-left: 0px; } .airstream-2 .comp-chart-header-container .eCommerce-product-div .text1 .ctext ul li span.p3 { font-size: 11px; } .airstream-3 .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .price { display: table-row-group; width: auto; margin-top: 5px; white-space: nowrap; margin-left: 0; float: left; } .airstream-3 .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .price .line-through { left: 0px; top: 2px; width: 100%; } .airstream-3 .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .price .ct, .airstream-3 .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .price .ac { top: -10px; } .airstream-3 .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .price .aw, .airstream-3 .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .price .as { letter-spacing: -1px; line-height: 22px; } .airstream-3 .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .red-price-text { margin-top: 0px; } .airstream-3 .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .ct, .airstream-3 .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .ac { top: -11px; font-size: 18px; } .airstream-3 .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .aw, .airstream-3 .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .as { font-size: 35px; line-height: 35px; } .airstream-3 .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .per { font-family: "DIN Next LT Pro 400", "DIN Next LT Pro", "Consolas", "Monaco", "Lucida Console", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 400; font-size: 18px; color: #d52b1e; font-weight: 300; top: 9px; } .airstream-3 .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .bper { margin-left: 1px; font-family: "DIN Next LT Pro 400", "DIN Next LT Pro", "Consolas", "Monaco", "Lucida Console", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 400; font-size: 18px; font-weight: 300; margin-top: 2px; } .airstream-3 .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .bper.black-price-month, .airstream-3 .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container #notie8#hack { top: 5px; left: 2px; } .airstream-3 .comp-chart-header-container .eCommerce-product-div .image-price-container .offer-text { line-height: 18px; margin-top: -3px; } .airstream-3 .comp-chart-header-container .eCommerce-product-div .image-price-container p.payroll_text { margin: 5px auto 0; display: table; font-size: 10px; } .airstream-3 .comp-chart-header-container .eCommerce-product-div .tryit-free-link-url .free-trial-text { font-size: 12px; } .airstream-3 .comp-chart-header-container .eCommerce-product-div .tryit-free-link-url .exclude-discount { font-size: 11px; margin-left: 4px; } .airstream-3 .comp-chart-header-container .eCommerce-product-div .text1 .ctext { width: 170px; } .airstream-3 .comp-chart-header-container .eCommerce-product-div .text1 .ctext ul { margin-left: 5px; } .airstream-3 .comp-chart-header-container .eCommerce-product-div .text1 .ctext ul li { font-size: 11px; line-height: 12px; padding-left: 0px; } .airstream-3 .comp-chart-header-container .eCommerce-product-div .text1 .ctext ul li span.p3 { font-size: 11px; } /*Browser firefox*/ @-moz-document url-prefix() { .airstream-3 .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .red-price-text, .airstream-2 .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .red-price-text { margin-left: 12px; } } .cmodal-page .eCommerce-product-div .image-price-container .price-container .pricing-section .price { display: table-row-group; width: auto; margin-top: 5px; white-space: nowrap; margin-left: 0; } .cmodal-page .eCommerce-product-div .image-price-container .price-container .pricing-section .price .line-through { left: 0px; top: 4px; width: 100%; } .cmodal-page .eCommerce-product-div .image-price-container .price-container .pricing-section .price .ct, .cmodal-page .eCommerce-product-div .image-price-container .price-container .pricing-section .price .ac { top: -10px; } .cmodal-page .eCommerce-product-div .image-price-container .price-container .pricing-section .price .aw, .cmodal-page .eCommerce-product-div .image-price-container .price-container .pricing-section .price .as { letter-spacing: -1px; line-height: 22px; } .cmodal-page .eCommerce-product-div .image-price-container .price-container .pricing-section .red-price-text { margin-top: 0px; margin-left: 8px; } .cmodal-page .eCommerce-product-div .image-price-container .price-container .pricing-section .ct, .cmodal-page .eCommerce-product-div .image-price-container .price-container .pricing-section .ac { top: -11px; font-size: 18px; } .cmodal-page .eCommerce-product-div .image-price-container .price-container .pricing-section .aw, .cmodal-page .eCommerce-product-div .image-price-container .price-container .pricing-section .as { font-size: 34px; line-height: 35px; } .cmodal-page .eCommerce-product-div .image-price-container .price-container .per { margin-left: 2px; font-family: "DIN Next LT Pro 500", "DIN Next LT Pro", "Consolas", "Monaco", "Lucida Console", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 500; font-size: 18px; color: #d52b1e; top: 10px; font-weight: 300; } .cmodal-page .eCommerce-product-div .image-price-container .price-container .bper { margin-left: 1px; font-family: "DIN Next LT Pro 500", "DIN Next LT Pro", "Consolas", "Monaco", "Lucida Console", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 500; font-size: 18px; font-weight: 300; margin-top: 2px; } .cmodal-page .eCommerce-product-div .image-price-container .offer-text { line-height: 18px; margin-top: 0px; } .cmodal-page .eCommerce-product-div .image-price-container p.payroll_text { margin: 5px auto 0; display: table; font-size: 12px; } .cmodal-page .eCommerce-product-div .blue-button a { padding: 3px 15px; } .cmodal-page .eCommerce-product-div .tryit-free-link-url .free-trial-text { font-size: 12px; } .cmodal-page .eCommerce-product-div .tryit-free-link-url .exclude-discount { font-size: 11px; margin-left: 4px; } .cmodal-page .eCommerce-product-div .text1 .ctext { width: 170px; } .cmodal-page .eCommerce-product-div .text1 .ctext ul { margin-left: 5px; } .cmodal-page .eCommerce-product-div .text1 .ctext ul li { font-size: 11px; line-height: 12px; padding-left: 0px; } .cmodal-page .eCommerce-product-div .text1 .ctext ul li span.p3 { font-size: 11px; } .carousel-slides .slide .eCommerce-product-div .image-price-container .price-container .pricing-section .price { display: table-row-group; width: auto; margin-top: 5px; white-space: nowrap; margin-left: 0; letter-spacing: -2px; } .carousel-slides .slide .eCommerce-product-div .image-price-container .price-container .pricing-section .price .line-through { left: 0px; top: 7px; width: 100%; } .carousel-slides .slide .eCommerce-product-div .image-price-container .price-container .pricing-section .price .ct { top: -7px; font-size: 19px; letter-spacing: -4px; } .carousel-slides .slide .eCommerce-product-div .image-price-container .price-container .pricing-section .price .ac { top: -9px; font-size: 17px; letter-spacing: -2px; } .carousel-slides .slide .eCommerce-product-div .image-price-container .price-container .pricing-section .price .aw { font-size: 30px; letter-spacing: -4px; line-height: 22px; } .carousel-slides .slide .eCommerce-product-div .image-price-container .price-container .pricing-section .price .as { font-size: 40px; letter-spacing: -4px; line-height: 22px; } .carousel-slides .slide .eCommerce-product-div .image-price-container .price-container .pricing-section .red-price-text { margin-top: 0px; letter-spacing: -2px; } .carousel-slides .slide .eCommerce-product-div .image-price-container .price-container .pricing-section .ct { top: -7px; font-size: 19px; letter-spacing: -4px; } .carousel-slides .slide .eCommerce-product-div .image-price-container .price-container .pricing-section .ac { top: -8px; font-size: 17px; letter-spacing: -2px; } .carousel-slides .slide .eCommerce-product-div .image-price-container .price-container .pricing-section .aw { font-size: 30px; line-height: 35px; letter-spacing: -4px; } .carousel-slides .slide .eCommerce-product-div .image-price-container .price-container .pricing-section .as { font-size: 40px; line-height: 35px; letter-spacing: -4px; } .carousel-slides .slide .eCommerce-product-div .image-price-container .price-container .per { font-family: "DIN Next LT Pro 500", "DIN Next LT Pro", "Consolas", "Monaco", "Lucida Console", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 500; font-size: 10px; color: #d52b1e; top: 10px; font-weight: 300; } .carousel-slides .slide .eCommerce-product-div .image-price-container .price-container .bper { margin-left: 1px; font-family: "DIN Next LT Pro 500", "DIN Next LT Pro", "Consolas", "Monaco", "Lucida Console", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 500; font-size: 10px; font-weight: 300; margin-top: 2px; } .carousel-slides .slide .eCommerce-product-div .image-price-container .offer-text { line-height: 18px; margin-top: -9px; font-size: 11px; } .carousel-slides .slide .eCommerce-product-div .image-price-container p.payroll_text { margin: 5px auto 0; display: table; font-size: 11px; } .carousel-slides .slide .eCommerce-product-div .tryit-free-link-url .free-trial-text { font-size: 12px; } .carousel-slides .slide .eCommerce-product-div .tryit-free-link-url .exclude-discount { font-size: 11px; margin-left: 4px; } .ccomp-table-yoy-header .cqpricing2 .eCommerce-product-div .image-price-container .price-container .pricing-section .price, .ccomp-table-yoy-header .cqpricing .eCommerce-product-div .image-price-container .price-container .pricing-section .price { clear: both; display: block; float: none; margin: 0 auto 4px; position: relative; text-align: center; width: 70%; } .ccomp-table-yoy-header .cqpricing2 .eCommerce-product-div .image-price-container .price-container .pricing-section .price .line-through, .ccomp-table-yoy-header .cqpricing .eCommerce-product-div .image-price-container .price-container .pricing-section .price .line-through { top: 8px; } .ccomp-table-yoy-header .cqpricing2 .eCommerce-product-div .image-price-container .price-container .pricing-section .price .ct, .ccomp-table-yoy-header .cqpricing .eCommerce-product-div .image-price-container .price-container .pricing-section .price .ct, .ccomp-table-yoy-header .cqpricing2 .eCommerce-product-div .image-price-container .price-container .pricing-section .price .ac, .ccomp-table-yoy-header .cqpricing .eCommerce-product-div .image-price-container .price-container .pricing-section .price .ac { top: -6px; font-size: 14px; } .ccomp-table-yoy-header .cqpricing2 .eCommerce-product-div .image-price-container .price-container .pricing-section .price .aw, .ccomp-table-yoy-header .cqpricing .eCommerce-product-div .image-price-container .price-container .pricing-section .price .aw, .ccomp-table-yoy-header .cqpricing2 .eCommerce-product-div .image-price-container .price-container .pricing-section .price .as, .ccomp-table-yoy-header .cqpricing .eCommerce-product-div .image-price-container .price-container .pricing-section .price .as { font-size: 25px; letter-spacing: -1px; line-height: 22px; } .ccomp-table-yoy-header .cqpricing2 .eCommerce-product-div .image-price-container .price-container .pricing-section .red-price-text, .ccomp-table-yoy-header .cqpricing .eCommerce-product-div .image-price-container .price-container .pricing-section .red-price-text { clear: both; display: block; float: left; letter-spacing: 0; } .ccomp-table-yoy-header .cqpricing2 .eCommerce-product-div .image-price-container .price-container .pricing-section .red-price-text .ac, .ccomp-table-yoy-header .cqpricing .eCommerce-product-div .image-price-container .price-container .pricing-section .red-price-text .ac { top: -7px; font-size: 14px; } .ccomp-table-yoy-header .cqpricing2 .eCommerce-product-div .image-price-container .price-container .pricing-section .red-price-text .aw, .ccomp-table-yoy-header .cqpricing .eCommerce-product-div .image-price-container .price-container .pricing-section .red-price-text .aw, .ccomp-table-yoy-header .cqpricing2 .eCommerce-product-div .image-price-container .price-container .pricing-section .red-price-text .as, .ccomp-table-yoy-header .cqpricing .eCommerce-product-div .image-price-container .price-container .pricing-section .red-price-text .as { font-size: 25px; letter-spacing: -2px; line-height: 22px; } .ccomp-table-yoy-header .cqpricing2 .eCommerce-product-div .image-price-container .price-container .pricing-section .red-price-text .ct, .ccomp-table-yoy-header .cqpricing .eCommerce-product-div .image-price-container .price-container .pricing-section .red-price-text .ct { top: -7px; font-size: 14px; } .ccomp-table-yoy-header .cqpricing2 .eCommerce-product-div .image-price-container .price-container .per, .ccomp-table-yoy-header .cqpricing .eCommerce-product-div .image-price-container .price-container .per { font-family: "DIN Next LT Pro 500", "DIN Next LT Pro", "Consolas", "Monaco", "Lucida Console", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 500; font-size: 14px; color: #d52b1e; top: 4px; font-weight: normal; left: 3px; position: relative; margin-left: 0px; } .ccomp-table-yoy-header .cqpricing2 .eCommerce-product-div .image-price-container .price-container .bper, .ccomp-table-yoy-header .cqpricing .eCommerce-product-div .image-price-container .price-container .bper { margin-left: -7px; font-family: "DIN Next LT Pro 500", "DIN Next LT Pro", "Consolas", "Monaco", "Lucida Console", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 500; font-size: 14px; display: table-cell; color: #202020; } .ccomp-table-yoy-header .cqpricing2 .eCommerce-product-div .image-price-container .offer-text, .ccomp-table-yoy-header .cqpricing .eCommerce-product-div .image-price-container .offer-text { font-size: 12px; line-height: 16px; margin-top: 6px; } .ccomp-table-yoy-header .cqpricing2 .eCommerce-product-div .image-price-container .offer-text .high-attention-text, .ccomp-table-yoy-header .cqpricing .eCommerce-product-div .image-price-container .offer-text .high-attention-text { color: #d52b1e; white-space: nowrap; } .ccomp-table-yoy-header .cqpricing2 .eCommerce-product-div .image-price-container p.payroll_text, .ccomp-table-yoy-header .cqpricing .eCommerce-product-div .image-price-container p.payroll_text { margin: 5px auto 0; display: table; font-size: 10px; } .ccomp-table-yoy-header .cqpricing2 .eCommerce-product-div .tryit-free-link-url .free-trial-text, .ccomp-table-yoy-header .cqpricing .eCommerce-product-div .tryit-free-link-url .free-trial-text, .ccomp-table-yoy-header .cqpricing2 .eCommerce-product-div .tryit-free-link-url .exclude-discount, .ccomp-table-yoy-header .cqpricing .eCommerce-product-div .tryit-free-link-url .exclude-discount { font-size: 12px; } .ccomp-table-yoy-header .cqpricing2 .eCommerce-product-div .text1 .ctext, .ccomp-table-yoy-header .cqpricing .eCommerce-product-div .text1 .ctext { width: 170px; } .ccomp-table-yoy-header .cqpricing2 .eCommerce-product-div .text1 .ctext ul, .ccomp-table-yoy-header .cqpricing .eCommerce-product-div .text1 .ctext ul { margin-left: 5px; } .ccomp-table-yoy-header .cqpricing2 .eCommerce-product-div .text1 .ctext ul li, .ccomp-table-yoy-header .cqpricing .eCommerce-product-div .text1 .ctext ul li { font-size: 11px; line-height: 13px; line-height: 12px; padding-left: 0px; } .ccomp-table-yoy-header .cqpricing2 .eCommerce-product-div .text1 .ctext ul li span.p3, .ccomp-table-yoy-header .cqpricing .eCommerce-product-div .text1 .ctext ul li span.p3 { font-size: 11px; } .ccomp-table-yoy-header .cqpricing2 .eCommerce-product-div .bper.black-price-month, .ccomp-table-yoy-header .cqpricing .eCommerce-product-div .bper.black-price-month, .ccomp-table-yoy-header .cqpricing2 .eCommerce-product-div #notie8#hack, .ccomp-table-yoy-header .cqpricing .eCommerce-product-div #notie8#hack { /* ie7, ie9, ie10, ie11+ only */ top: 10px; left: 0; display: inline-block !important; } .ccomp-table-yoy-header .cqpricing2 .content-wrapper > section, .ccomp-table-yoy-header .cqpricing .content-wrapper > section { padding-top: 20px !important; } .pc_bg_gray p.or-text { color: #000000; } .tooltip { position: relative; border-bottom: 1px dotted #365ebf; color: #365ebf !important; cursor: pointer; } .pricing-sba .link { cursor: pointer; } .tooltip .tooltiptext { display: none; width: 265px; background-color: #edeef0; color: #393a3d; border-radius: 1px; padding: 15px 10px !important; position: absolute; z-index: 1; bottom: 140%; left: 50%; margin-left: -90px; line-height: 1.3; border: 1px solid #babec5; text-indent: 0px; font-weight: normal; } .tooltip .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 10px; border-style: solid; border-color: #edeef0 transparent transparent transparent; } .tooltip:hover .tooltiptext { display: block; } .tooltip:hover { border-bottom: none; } @media only screen and (min-device-width: 320px) and (max-device-width: 667px) and (-webkit-device-pixel-ratio: 2) { .tooltip:hover .tooltiptext { width: 192px; margin-left: -101px; } } .pricing-card-layout { padding: 20px 0; /* group headers*/ /* pricesplit ie. "OR"*/ /* column content */ /*NOT FOR 1-1, 1-2, 2-0, 2-1, 3-0, 4-1 ???? */ /*for use with bottom text section*/ /*for column widths */ /* DESKTOP CUSTOM SIZES */ } .pricing-card-layout .bg-grey { background-color: #f7f7f7 !important; } .pricing-card-layout .cpricing-card-layout, .pricing-card-layout .cpricing-card-layout-noheader-bg { background-color: #ffffff; display: table; } .pricing-card-layout .cpricing-card-layout { border: none; border-radius: 2px; box-shadow: none; -webkit-border-radius: 2px; } .pricing-card-layout .pricing-card-layout-header { display: block; padding: 0; text-align: center; vertical-align: middle; height: 48px; } .pricing-card-layout .pricing-card-layout-header .ctext { display: table; height: 100%; margin: 0 auto; } .pricing-card-layout .pricing-card-layout-header .ctext h1, .pricing-card-layout .pricing-card-layout-header .ctext h2, .pricing-card-layout .pricing-card-layout-header .ctext h3, .pricing-card-layout .pricing-card-layout-header .ctext h4, .pricing-card-layout .pricing-card-layout-header .ctext h5, .pricing-card-layout .pricing-card-layout-header .ctext p, .pricing-card-layout .pricing-card-layout-header .ctext span { display: table-cell; vertical-align: middle; color: #ffffff; } .pricing-card-layout .pricing-card-layout-header .ctext p { font: 600 15px "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; line-height: 20px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .pricing-card-layout .pricing-card-layout-header.pricing-card-header-magenta { background-color: #a22662; } .pricing-card-layout .pricing-card-layout-header.pricing-card-header-blue { background-color: #0098cd; } .pricing-card-layout .pricing-card-layout-header.pricing-card-header-green { background-color: #2ca01c; } .pricing-card-layout .pricing-card-layout-header.pricing-card-header-grey { background-color: #cccccc; } .pricing-card-layout .pricing-card-layout-header.pricing-card-header-grey-black { background-color: #393a3d; } .pricing-card-layout .left-pricing { float: left; } .pricing-card-layout .right-pricing { float: right; } .pricing-card-layout .pricesplit { display: inline-block; font: 600 15px "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; line-height: 20px; padding: 10px 0 0 0; text-align: center; width: 3.6% !important; } .pricing-card-layout .pricing-card-layout-content { box-sizing: border-box; float: left; padding: 25px 0; position: relative; } .pricing-card-layout .pricing-card-layout-content h3, .pricing-card-layout .pricing-card-layout-content h4, .pricing-card-layout .pricing-card-layout-content h5 { font-weight: normal; } .pricing-card-layout .pricing-card-layout-content .pricing-content-burst-rect { background-image: url('https://quickbooks.intuit.com/etc/designs/harmony/images/pricing_accent.gif'); background-position: 0 0; background-repeat: repeat-x; font-size: 10px; height: 28px; left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; text-transform: uppercase; top: 0; width: 100%; } .pricing-card-layout .pricing-card-layout-content .pricing-content-burst-rect p { color: #ffffff; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; font-weight: 700; line-height: 16px; padding-top: 6px; } .pricing-card-layout .pricing-card-layout-content .pricing-content-burst-wrapper { bottom: 20px; position: absolute; top: -36px; } .pricing-card-layout .pricing-card-layout-content .pricing-card-layout-content-wrapper { margin: 20px 0 0 0; padding-right: 0; } .pricing-card-layout .eCommerce-product-div h6 { padding: 0 0 0 20px; } .pricing-card-layout .eCommerce-product-div .price-container-title { font: 600 19px "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; line-height: 24px; } .pricing-card-layout .eCommerce-product-div .pricing-section .red-price-text .ct, .pricing-card-layout .eCommerce-product-div .pricing-section .price .ct, .pricing-card-layout .eCommerce-product-div .pricing-section .red-price-text .ac, .pricing-card-layout .eCommerce-product-div .pricing-section .price .ac { font: 500 14px "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif; line-height: 32px; top: -10px; } .pricing-card-layout .eCommerce-product-div .pricing-section .red-price-text .aw, .pricing-card-layout .eCommerce-product-div .pricing-section .price .aw, .pricing-card-layout .eCommerce-product-div .pricing-section .red-price-text .as, .pricing-card-layout .eCommerce-product-div .pricing-section .price .as { font: 500 28px "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif; line-height: 32px; } .pricing-card-layout .eCommerce-product-div .pricing-section .price .line-through { top: 12px; width: 100%; } .pricing-card-layout .eCommerce-product-div .pricing-section .per, .pricing-card-layout .eCommerce-product-div .pricing-section .bper { font: normal 15px "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; line-height: 20px; top: 11px; } .pricing-card-layout .eCommerce-product-div .text1 .ctext ul { padding-left: 16px; padding-right: 16px; } .pricing-card-layout .eCommerce-product-div .text1 .ctext ul li span.p3, .pricing-card-layout .eCommerce-product-div .offer-text .high-attention-text, .pricing-card-layout .eCommerce-product-div .tryit-free-link-url .free-trial-text, .pricing-card-layout .eCommerce-product-div .payroll_text { font: normal 12px "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; line-height: 16px; } .pricing-card-layout .pcard-layout-additional-info { background-color: #f7f7f7; padding: 20px 0; } .pricing-card-layout .pcard-layout-additional-info .row { padding: 20px 20px; } .pricing-card-layout .pcard-layout-additional-info.bg-grey { background-color: #eceef1; } .pricing-card-layout .col-width100 { width: 100%; } .pricing-card-layout .col-width50 { width: 50%; } .pricing-card-layout .col-width33 { width: 33.3%; } .pricing-card-layout .col-width25 { width: 25%; } .pricing-card-layout .col-width20 { width: 20%; } .pricing-card-layout .pcard-cols-1-3 .pricing-card-layout-header .ctext p, .pricing-card-layout .pcard-cols-1-4 .pricing-card-layout-header .ctext p { font-size: 16px; } .pricing-card-layout .pcard-cols-1-1 .pricing-card-layout-header, .pricing-card-layout .pcard-cols-1-2 .pricing-card-layout-header, .pricing-card-layout .pcard-cols-2-0 .pricing-card-layout-header, .pricing-card-layout .pcard-cols-2-1 .pricing-card-layout-header, .pricing-card-layout .pcard-cols-2-2 .pricing-card-layout-header, .pricing-card-layout .pcard-cols-3-0 .pricing-card-layout-header { height: 64px; } .pricing-card-layout .pcard-cols-1-1 .pricing-card-layout-header .ctext p, .pricing-card-layout .pcard-cols-1-2 .pricing-card-layout-header .ctext p, .pricing-card-layout .pcard-cols-2-0 .pricing-card-layout-header .ctext p, .pricing-card-layout .pcard-cols-2-1 .pricing-card-layout-header .ctext p, .pricing-card-layout .pcard-cols-2-2 .pricing-card-layout-header .ctext p, .pricing-card-layout .pcard-cols-3-0 .pricing-card-layout-header .ctext p { font-size: 22px; line-height: 24px; } .pricing-card-layout .pcard-cols-1-1 .eCommerce-product-div .price-container-title, .pricing-card-layout .pcard-cols-1-2 .eCommerce-product-div .price-container-title, .pricing-card-layout .pcard-cols-2-0 .eCommerce-product-div .price-container-title, .pricing-card-layout .pcard-cols-2-1 .eCommerce-product-div .price-container-title, .pricing-card-layout .pcard-cols-2-2 .eCommerce-product-div .price-container-title, .pricing-card-layout .pcard-cols-3-0 .eCommerce-product-div .price-container-title { font-size: 19px; line-height: 24px; } .pricing-card-layout .pcard-cols-2-2 .pricing-card-layout-header { height: 64px; } .pricing-card-layout .pcard-cols-1-4 .pricing-card-layout-header { height: 48px; } .pricing-card-layout .pcard-cols-1-4 .left-pricing.group_w_1_4 .eCommerce-product-div + .ccta { position: relative; top: -20px; } @media (max-width: 991px) { .pricing-card-layout .pcard-cols-1-4 .left-pricing.group_w_1_4 .eCommerce-product-div + .ccta { top: -14px; } } /* split text (ie. "OR") width */ .group_w_1_1, .group_w_2_2, .group_w_1_2, .group_w_2_1, .group_w_1_3, .group_w_3_1, .group_w_1_4, .group_w_4_1, .group_w_2_3, .group_w_3_2 { width: 100%; } /* Calculate width for each column within a group - Max if 4 columns in a group */ @media (min-width: 992px) { .pricing-card-layout { /*4th card in a group always get a special treatment*/ } .pricing-card-layout [class*=xs-offset], .pricing-card-layout [class*=sm-offset], .pricing-card-layout [class*=md-offset] { margin-left: 0; } .pricing-card-layout .pricesplit { display: inline-block; } .pricing-card-layout .group_w_1_1 { width: 47.9%; } .pricing-card-layout .group_w_2_2 { width: 47.9%; } .pricing-card-layout .group_w_1_2 { width: 47.9%; } .pricing-card-layout .group_w_2_1 { width: 47.9%; } .pricing-card-layout .group_w_1_3 { width: 23.95%; } .pricing-card-layout .group_w_3_1 { width: 71.85%; } .pricing-card-layout .group_w_1_4 { width: 22.66%; } .pricing-card-layout .group_w_4_1 { width: 73.14%; } .pricing-card-layout .group_w_2_3 { width: 19.16%; } .pricing-card-layout .group_w_3_2 { width: 76.64%; } .pricing-card-layout .pcolumns_w1 { width: 100%; } .pricing-card-layout .pcolumns_w2 { width: 50%; } .pricing-card-layout .pcolumns_w3 { width: 33.33333333%; } .pricing-card-layout .pcolumns_w4 { width: 25%; } .pricing-card-layout .pricing-card-layout-content:not(:last-of-type) .pricing-card-layout-content-wrapper { border-right: 1px solid #ccc; } .pricing-card-layout .pricing-card-layout-content.pccol_4 .pccolwrap_4 .ctext { min-height: 102px; margin-top: 14px; margin-bottom: 5px; } .pcarousel-wrap .pcarousel-viewport { overflow: visible; } .pcarousel-wrap .pcarousel-viewport:before, .pcarousel-wrap .pcarousel-viewport:after { display: none; } .pcarousel-wrap .pcarousel-viewport .pcarousel-slides:before, .pcarousel-wrap .pcarousel-viewport .pcarousel-slides:after { display: none; } .pcarousel-wrap .chevron_right { display: none; } } @media (min-width: 768px) and (max-width: 991px) { .pricing-card-layout .pricesplit { display: none; } .pricing-card-layout .cpricing-card-layout { /*this 3rd column, when there are 4 columns in a group, needs to have margin 0*/ /*this is the "4th column" in a group - it gets special treatment*/ } .pricing-card-layout .cpricing-card-layout .col-sm-4 { width: 31.47%; } .pricing-card-layout .cpricing-card-layout .pricing-card-layout-header { margin: 0; } .pricing-card-layout .cpricing-card-layout .pricing-card-layout-content:not(.pccol_4) { margin-top: 20px; margin-right: 20px; margin-bottom: 40px; } .pricing-card-layout .cpricing-card-layout .pricing-card-layout-content:not(.pccol_4):last-child { margin-right: 0; } .pricing-card-layout .cpricing-card-layout .pricing-card-layout-content:not(.pccol_4) .eCommerce-product-div .price-container-title { font: 400 19px "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; line-height: 24px; } .pricing-card-layout .cpricing-card-layout.group_w_4_1 .pricing-card-layout-content.pccol_3, .pricing-card-layout .cpricing-card-layout.group_w_1_4 .pricing-card-layout-content.pccol_3 { margin-right: 0; } .pricing-card-layout .cpricing-card-layout .pccol_4 { margin-right: 0; } .pricing-card-layout .cpricing-card-layout [class*=xs-offset], .pricing-card-layout .cpricing-card-layout [class*=md-offset] { margin-left: 0; } } @media (min-width: 768px) and (max-width: 991px) { .pricing-card-layout .pcard-cols-2-2 .pricing-card-layout-content-wrapper { height: auto !important; } } @media (max-width: 991px) { .pricing-card-layout .pricing-card-layout-header { height: 48px; padding: 0 50px 0 10px; position: relative; } .pricing-card-layout .pricing-card-layout-header:after { content: ''; display: block; width: 16px; height: 16px; border-top: 3px solid white; border-right: 3px solid white; -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); position: absolute; right: 18px; bottom: 50%; margin-bottom: -3px; -moz-transition: all 200ms ease; -webkit-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .pricing-card-layout .pricing-card-layout-header.expanded:after { content: ''; display: inline-block; width: 16px; height: 16px; border-top: 3px solid white; border-right: 3px solid white; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; right: 18px; margin-bottom: -11px; -moz-transition: all 400ms ease; -webkit-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; } .pricing-card-layout .pricing-card-layout-header .ctext { margin: 0; height: 100%; } .pricing-card-layout .pricing-card-layout-header .ctext p { color: #202020; font-size: 16px !important; line-height: 20px !important; } .pricing-card-layout .pricing-card-layout-header .ctext h4, .pricing-card-layout .pricing-card-layout-header .ctext p span, .pricing-card-layout .pricing-card-layout-header .ctext h4 span { text-align: left !important; color: black; } .pricing-card-layout .pricing-card-layout-header .ctext p span, .pricing-card-layout .pricing-card-layout-header .ctext h4 span { font-weight: normal !important; } .pricing-card-layout .pricing-card-layout-header:not(.expanded) { margin-bottom: 16px; } .pricing-card-layout .pricing-card-layout-content { padding: 0; /*4th card in a group always get a special treatment*/ } .pricing-card-layout .pricing-card-layout-content.pccol_4 .pccolwrap_4 { padding: 40px 0; } .pricing-card-layout .pricing-card-layout-content .pricing-content-burst-rect { top: 64px; } .pricing-card-layout .pricing-card-layout-content .pricing-card-layout-content-wrapper { margin: 0; border-right: none; } .pricing-card-layout .pricing-card-layout-content .pricing-card-layout-content-wrapper .mac-desktop-card > section > .ctext { padding: 0; } .pricing-card-layout .pricing-card-layout-content .eCommerce-product-div .price-container-title { color: #ffffff; height: 64px; padding: 0; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; } .pricing-card-layout .pricing-card-layout-content .eCommerce-product-div .price-container { padding-top: 26px; } .pricing-card-layout .pricing-card-layout-content .eCommerce-product-div ul { padding: 20px 20px; } .pricing-card-layout .pricing-card-layout-content .eCommerce-product-div ul li { border-bottom: 1px dotted #505050 !important; list-style: none; padding: 8px 0; } .pricing-card-layout .pricing-card-layout-content .eCommerce-product-div ul li:first-child { border-top: 1px dotted #505050 !important; } .pricing-card-layout .group_w_1_3 .pricing-card-layout-header p span, .pricing-card-layout .group_w_3_1 .pricing-card-layout-header p span, .pricing-card-layout .group_w_1_3 .pricing-card-layout-header h4 span, .pricing-card-layout .group_w_3_1 .pricing-card-layout-header h4 span { font-weight: bold !important; } } @media (max-width: 767px) { .pricing-card-layout .pricesplit { display: none; } .pricing-card-layout .cpricing-card-layout [class*=sm-offset], .pricing-card-layout .cpricing-card-layout [class*=md-offset] { margin-left: 0; } .pricing-card-layout .cpricing-card-layout .pricing-card-layout-header { height: auto; min-height: 48px; padding-top: 8px; padding-bottom: 8px; } .pricing-card-layout .cpricing-card-layout .pricing-card-layout-header.header_bkcolor { background-color: #d4d7dc; } .pricing-card-layout .cpricing-card-layout .pricing-card-layout-header .ctext { margin: 0; } .pricing-card-layout .cpricing-card-layout .pricing-card-layout-header .ctext p { color: #202020; } .pricing-card-layout .cpricing-card-layout .pricing-card-layout-content { /*4th card in a group always get a special treatment*/ } .pricing-card-layout .cpricing-card-layout .pricing-card-layout-content .eCommerce-product-div .price-container-title { background-color: #2ca01c; color: white; font: 400 19px "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; line-height: 24px; } .pricing-card-layout .pcarousel-wrap { clear: both; } .pricing-card-layout .pcarousel-wrap .pcarousel-viewport { overflow: hidden; clear: both; } .pricing-card-layout .pcarousel-wrap .pcarousel-viewport:before, .pricing-card-layout .pcarousel-wrap .pcarousel-viewport:after { content: " "; display: block; height: 0; width: 0; line-height: 0; clear: both; visibility: hidden; } .pricing-card-layout .pcarousel-wrap .pcarousel-viewport .pcarousel-slides { list-style: none; margin: 0; padding: 0; } .pricing-card-layout .pcarousel-wrap .pcarousel-viewport .pcarousel-slides:before, .pricing-card-layout .pcarousel-wrap .pcarousel-viewport .pcarousel-slides:after { content: "."; display: block; height: 0; width: 0; line-height: 0; clear: both; visibility: hidden; } .pricing-card-layout .pcarousel-wrap .pcarousel-viewport .pcarousel-slides .pricing-card-layout-content { box-sizing: border-box; display: list-item; float: left; } .pricing-card-layout .pcarousel-controls { padding: 0; margin: 20px 0; text-align: center; } .pricing-card-layout .pcarousel-controls .pcarousel-controls-wrap { display: inline-block; padding: 10px 15px; border-radius: 20px; } .pricing-card-layout .pcarousel-controls .pcarousel-controls-wrap ul.pcarousel-pagination { display: inline-block; margin: 0; padding: 0 20px; list-style: none; } .pricing-card-layout .pcarousel-controls .pcarousel-controls-wrap ul.pcarousel-pagination li { display: inline-block; width: 5px; height: 5px; margin: 0 8px; padding: 0; cursor: pointer; background-color: #d4d7dc; border-radius: 10px; } .pricing-card-layout .pcarousel-controls .pcarousel-controls-wrap ul.pcarousel-pagination li:hover, .pricing-card-layout .pcarousel-controls .pcarousel-controls-wrap ul.pcarousel-pagination .pcarousel-pagination-active { background-color: #2ca01c; } .pricing-card-layout .pcarousel-controls .pcarousel-controls-wrap span.chevron { background-image: url('https://quickbooks.intuit.com/etc/designs/harmony/images/global-sprite-fallback.png'); background-image: none, url('https://quickbooks.intuit.com/etc/designs/harmony/images/global-sprite.svg'); /* Retina display support */ cursor: pointer; display: inline-block; height: 20px; margin: 0; overflow: hidden; padding: 0; position: absolute; text-indent: -100em; top: 50%; vertical-align: middle; width: 15px; } .pricing-card-layout .pcarousel-controls .pcarousel-controls-wrap span.chevron.prev { left: 0; background-position: -685px -399px; } .pricing-card-layout .pcarousel-controls .pcarousel-controls-wrap span.chevron.next { right: 0; background-position: -712px -399px; } .pricing-card-layout .pcarousel-controls .pcarousel-controls-wrap span.chevron.prev:hover { background-position: -685px -399px; } .pricing-card-layout .pcarousel-controls .pcarousel-controls-wrap span.chevron.next:hover { background-position: -712px -399px; } } .comp-chart-sticky-header { background-color: #ffffff; position: fixed; top: 0; visibility: hidden; -webkit-box-shadow: 0 13px 11px -10px #ccc; -moz-box-shadow: 0 13px 11px -10px #ccc; box-shadow: 0 13px 11px -10px #ccc; z-index: 100; } .checkmark { background-color: #2ca01c; background-position: -615px -396px; height: 10px; display: inline-block; margin: 0 auto; opacity: 6; width: 10px; -webkit-border-radius: 50%; border-radius: 50%; } .comp-chart-header-container { display: table; width: 100%; /* specificty rules needed due to Section component's rules centering text alignment of its child nodes */ } .comp-chart-header-container .comp-chart-text-header { display: table-cell; padding-bottom: 10px; text-align: left; vertical-align: bottom; width: 43%; } .comp-chart-header-container .comp-chart-text-header p, .comp-chart-header-container .comp-chart-text-header h2, .comp-chart-header-container .comp-chart-text-header h3, .comp-chart-header-container .comp-chart-text-header h4, .comp-chart-header-container .comp-chart-text-header ul, .comp-chart-header-container .comp-chart-text-header ol { font-family: "FS Albert Web 100", "FS Albert Web", "Calibri", "Trebuchet MS", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 100; text-align: left; vertical-align: bottom; } .comp-chart-header-container .comp-chart-text-header h2 { font-family: "FS Albert Web 300", "FS Albert Web", "Calibri", "Trebuchet MS", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 300; font-size: 46px; margin: 0; padding: 0; } .comp-chart-header-container .comp-chart-text-header a { font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif; } .comp-chart-table-header { display: table-cell; text-align: right; vertical-align: bottom; width: 57%; } .comp-chart-table-header .ccontainer { font-size: 0; } .comparison-chart { border-bottom: #d4d7dc solid 2px; display: block; } .comparison-chart th.grey-bg { background-color: #505050; } .comparison-chart th.green-bg { background-color: #2ca01c; } .comparison-chart th.blue-bg { background-color: #0098cd; } .comparison-chart th.magenta-bg { background-color: #a22662; } .comparison-chart table { border: 0px; border-bottom: none; border-collapse: collapse; border-spacing: 0; color: #393a3d; font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif; } .comparison-chart table tr { background-color: #ffffff; border-top: 1px solid #cfcfcf; } .comparison-chart table tr.alternate-bg { background: inherit; } .comparison-chart table tr:last-child { border-bottom: 1px solid #cfcfcf; } .comparison-chart table tr:first-child td { border-top: 1px solid #cfcfcf; } .comparison-chart table tr th { background-color: #2ca01c; border: 0 none; color: white; font: 24px "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif normal; padding: 8px 0; text-align: center; width: 1%; } .comparison-chart table tr th:first-child { background-color: #ffffff; border-top: 1px solid #ffffff; } .comparison-chart table tr td { border: none; border-bottom: 1px solid #cfcfcf; border-right: 2px dotted #cfcfcf; font: 15px "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif normal; line-height: 20px; padding: 8px 10px; text-align: center; width: 1%; vertical-align: top; } .comparison-chart table tr td:first-child { padding-left: 10px; text-align: left; width: 1%; border-left: 1px solid transparent; } .comparison-chart table tr td.comp-chart-childNode { padding-left: 35px; } .comparison-chart table tr td .arrow-e, .comparison-chart table tr td .arrow-s { border: 0.75em dashed transparent; display: inline-block; /* Use font-size to control the size of the arrow. */ font-size: 7px; height: 0; line-height: 0; margin-right: 4px; width: 0; } .comparison-chart table tr td .arrow-e { border-left: 1em solid #666666; left: 0.25em; } .comparison-chart table tr td .arrow-s { border-left: dashed transparent 0.75em !important; left: 0 !important; /* Styles for arrow-s */ margin-top: 3px; border-top: 1em solid #666666; } /* column sizing hook */ .column-size-is-x-large table tr td { width: 149px; } .column-size-is-large table tr td { width: 136px; } .column-size-is-small table tr td { width: 72px; } /* Comp Chart 2.0 Header: Simple Header */ .comp-chart-simple-header { color: #ffffff; display: inline-block; font-size: 14px; margin-right: 1px; } .comp-chart-simple-header p { color: #ffffff; } .comp-chart-simple-header h4 { color: #ffffff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; } .comp-chart-table-header .grey-bg { background-color: #979797; } .comp-chart-table-header .blue-bg { background-color: #0098cd; } .comp-chart-table-header .green-bg { background-color: #2ca01c; } .comp-chart-simple-header-content-wrapper { display: table-cell; height: 40px; padding: 12px 12px; text-align: center; vertical-align: middle; } /* column sizing hook */ .column-size-is-x-large .comp-chart-simple-header-content-wrapper { width: 149px; } .column-size-is-large .comp-chart-simple-header-content-wrapper { width: 135px; } .column-size-is-small .comp-chart-simple-header-content-wrapper { width: 72px; } /* Comp Chart 2.0 Header: Mini Pricing Card */ .comp-chart-mini-pricing-header { color: #ffffff; display: inline-block; font-size: 14px; margin-right: 1px; } .comp-chart-mini-pricing-header .grey-bg { background-color: #979797; } .comp-chart-mini-pricing-header .blue-bg { background-color: #0098cd; } .comp-chart-mini-pricing-header .green-bg { background-color: #2ca01c; } .comp-chart-mini-pricing-header .magenta-bg { background-color: #a22662; } .comp-chart-mini-pricing-header-text { /*display: table-cell;*/ /*height: 34px; */ padding: 10px 12px; text-align: left; vertical-align: middle; } .comp-chart-mini-pricing-header-text h3, .comp-chart-mini-pricing-header-text h4 { color: #ffffff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; letter-spacing: .08px; } .comp-chart-mini-pricing-header-text h3 { font-size: 24px; } /* AirStream Styles */ /* These are same as comparison-chart.airstream-2 & comparison-chart.airstream-3 */ div.airstream-2, div.airstream-3 { border-bottom: 0; /* header - mini pricing card */ /* table */ } div.airstream-2 .comp-chart-table-header, div.airstream-3 .comp-chart-table-header { width: 780px; } div.airstream-2 .comp-chart-text-header, div.airstream-3 .comp-chart-text-header { width: 160px; } div.airstream-2 .comp-chart-mini-pricing-header, div.airstream-3 .comp-chart-mini-pricing-header { margin: 0; } div.airstream-2 .comp-chart-mini-pricing-header:first-child, div.airstream-3 .comp-chart-mini-pricing-header:first-child { margin-left: 0; } div.airstream-2 .comp-chart-mini-pricing-header-wrapper, div.airstream-3 .comp-chart-mini-pricing-header-wrapper { width: 100%; } div.airstream-2 .comp-chart-mini-pricing-header-content, div.airstream-3 .comp-chart-mini-pricing-header-content { border: 0; } div.airstream-2 table, div.airstream-3 table { border-top: 0; } div.airstream-2 table tr td, div.airstream-3 table tr td { border: none; background-color: #ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: table-cell; vertical-align: middle; } div.airstream-2 table tr td:nth-child(odd), div.airstream-3 table tr td:nth-child(odd) { background-color: #ffffff; } div.airstream-2 table tr td:nth-child(even), div.airstream-3 table tr td:nth-child(even) { background-color: #f5f5f5; } div.airstream-2 table tr td:first-child, div.airstream-3 table tr td:first-child { background-color: #ffffff; margin-left: 0; } /* 2 column layout */ div.airstream-2 { /* header - mini pricing card */ /* table */ } div.airstream-2 .comp-chart-mini-pricing-header { margin-left: 20px; width: 380px; } div.airstream-2 table tr td:nth-child(even) { width: 380px; } div.airstream-2 table tr td:nth-child(odd) { width: 20px; } div.airstream-2 table tr td:first-child { width: 160px; } /* 3 column layout */ div.airstream-3 { /* header - mini pricing card */ /* table */ } div.airstream-3 .comp-chart-mini-pricing-header { margin-left: 30px; width: 240px; } div.airstream-3 table tr td:nth-child(even) { width: 240px; } div.airstream-3 table tr td:nth-child(odd) { width: 30px; } div.airstream-3 table tr td:first-child { width: 160px; } /* column sizing hook */ .column-size-is-x-large .comp-chart-mini-pricing-header-wrapper { width: 170px; } .column-size-is-large .comp-chart-mini-pricing-header-wrapper { width: 135px; } .column-size-is-small .comp-chart-mini-pricing-header-wrapper { width: 72px; } .comp-chart-mini-pricing-header-content { background-color: #f5f5f5; border-right: solid 1px #ddd; color: #666666; font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 15px; text-align: left; } .comp-chart-mini-pricing-header-content a { display: inline-block; margin: 8px 0; } .comp-chart-mini-pricing-header-content .ccta a { margin: 8px 0; } .comp-chart-mini-pricing-header-content .ccontainer .ctext { font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif; } .comp-chart-mini-pricing-header-content p > .x-price-currency-quantifier, .comp-chart-mini-pricing-header-content p > .x-price-amount-whole, .comp-chart-mini-pricing-header-content p > .x-price-amount-separator, .comp-chart-mini-pricing-header-content p > .x-price-amount-cents, .comp-chart-mini-pricing-header-content p > .x-price-duration-quantifier { font-family: "DIN Next LT Pro 300", "DIN Next LT Pro", "Consolas", "Monaco", "Lucida Console", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 300; letter-spacing: -3px; } .comp-chart-mini-pricing-header-content p > .x-price-currency-quantifier { color: #393a3d; display: inline-block; font-size: 18px; line-height: 18px; margin-top: 3px; vertical-align: top; } .comp-chart-mini-pricing-header-content p > .x-price-amount-whole { color: #393a3d; font-size: 32px; letter-spacing: -3px; line-height: 32px; padding: 2px; } .comp-chart-mini-pricing-header-content p > .x-price-amount-separator { font-size: 34px; line-height: 34px; } .comp-chart-mini-pricing-header-content p > .x-price-amount-cents { color: #393a3d; display: inline-block; font-size: 18px; letter-spacing: -1.5px; line-height: 18px; margin-top: 3px; vertical-align: top; } .comp-chart-mini-pricing-header-content p > .x-price-duration-quantifier { color: #ACACAC; font-size: 12px; line-height: 12px; letter-spacing: normal; } .comp-chart-mini-pricing-header-content p > .x-price-amount-cents + .x-price-duration-quantifier { margin-left: -15px; } .comp-chart-mini-pricing-header-content p > .x-price-reg-price { color: #ACACAC; text-decoration: line-through; } .comp-chart-mini-pricing-header-content p > .x-price-discount { color: #df0001; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; line-height: 18px; } .text-lightgrey-strikethrough { color: #888; text-decoration: line-through; } .comparison-chart.column-size-is-auto table th { border-bottom: 3px solid #c1c1c1; border-left: 1px solid #ffffff; } .comparison-chart.column-size-is-auto table th:first-child { background: transparent; border-top: 1px solid #ffffff; } .checkmark_heavy:before, .p_block:before { font-family: "FontAwesome"; font-size: 24px; margin: 5px; } .checkmark_heavy:before { content: "\f00c"; } .p_block:before { content: "\f1c1"; } .llp-faq-open-arrow, .llp-faq-close-arrow { background-image: url('https://quickbooks.intuit.com/etc/designs/harmony/images/global-sprite-fallback.png'); background-image: url('https://quickbooks.intuit.com/etc/designs/harmony/images/global-sprite.svg'); background-repeat: no-repeat; display: inline-block; height: 16px; *margin-top: -15px; margin-right: 10px; position: relative; top: -1px; vertical-align: top; width: 15px; } .llp-faq-head { padding: 10px 0 13px 0; cursor: pointer; } .llp-faq-head .ctext { display: inline-block; color: #0077c5; width: 85%; } .llp-faq-head .ctext p { color: #0077c5; } .llp-faq-head:hover { background-color: transparent; } .llp-faq-head.llp-faq-open { background-color: transparent; } .llp-faq-open-arrow { background-position: -75px -396px !important; width: 15px; } .llp-faq-close-arrow { background-position: -75px -446px; } .llp-faq-content { display: none; margin: 0 0 0 30px; padding-bottom: 14px; } .llp-faq-content ul { margin-left: 35px; } .llp-faq-content ol { margin-left: 35px; } .llp-faq-content ol li { list-style-type: decimal; } .llp-faq-section { border-bottom: 1px dotted #7d7d7d; } .responsive .llp-faq-head { padding: 14px 0 13px 0; } .responsive .ctext ul.list-unstyled { margin-left: 0; padding-top: 0; } .responsive .ctext ul.list-unstyled li { list-style: none; } .responsive .col-md-3, .responsive .col-sm-3 { padding-left: 0; } .responsive .llp-faq-content { padding-bottom: 20px; } .responsive .llp-faq-content p { margin-top: 4px; } .responsive .llp-faq-content h4 { padding-top: 18px; } .responsive .llp-faq-content .row:first-child h4 { padding-top: 5px; } .cfaq-qa-d-bottom { border-bottom: none; } .cfaq-qa-t-bottom { border-bottom: 1px dotted #7d7d7d; } @media (max-width: 767px) { .cfaq-qa .llp-faq-section { border-top: 1px dotted #7d7d7d; border-bottom: none; } .llp-faq-head .ctext p:before { content: ""; } .responsive .llp-faq-head { padding: 17px 0 13px 0; } .responsive .llp-faq-content h4, .responsive .llp-faq-content .row:first-child h4 { padding-top: 20px; } .responsive .llp-faq-content .row:first-child li:first-child h4 { padding-top: 7px; } } .cfaq-section { padding: 40px 0 15px 0; } .cfaq-section a { cursor: pointer; } .cfaq-section .double-hr { border-bottom-style: double; margin-top: 5px; color: #d8d8d8; } @media (max-width: 767px) { .cfaq-section { display: none; } } /* * Author: Don DeSando * Styles for form, input, select and submit * */ /* * Variables * * border-color - grey * border-color-error - grey * border-radius - standard 2px * color - black-grey * color-error - red * fonts - helvetica and fallbacks * */ /* * look and move to vars.less as well as removing div. from cform-field */ .cform { /* * Foundation elements of a CMS form field * * div.cform-field - container used to "bind" the label and input together * input - generic input text-like field types: i.e. text, password, num * label - label which is always assosicated with the input except for certain cases such as hidden * p - text container for description or error * * */ padding: 15px; -moz-transition: all 0.4s ease-out; /* FF4+ */ -o-transition: all 0.4s ease-out; /* Opera 10.5+ */ -webkit-transition: all 0.4s ease-out; /* Saf3.2+, Chrome */ -ms-transition: all 0.4s ease-out; /* IE10 */ transition: all 0.4s ease-out; /* this assumes a description field directly below a label, requiring additional spacing. e.g. Terms and Conditions checkboxes with terms below */ /* this is so that the CTA dragged into the form will sit next to the submit button */ /* Assisting form classes and style rules */ /* removed .field-validation-error and replaced with user-error class which polyfiller.js inserts on error */ } .cform.hide { display: none; } .cform:before, .cform:after { display: table; content: ""; line-height: 0; } .cform:after { clear: both; } .cform div.cform-field { float: left; clear: left; } .cform div.cform-field.field-inline { clear: none; } .cform .cform-field { margin-left: 0; } .cform .cform-field.ws-success label.user-id, .cform .cform-field.ws-success label.field-reveal { color: #2ca01c; } .cform .cform-field.ws-success label.user-id i, .cform .cform-field.ws-success label.field-reveal i { background: url('https://quickbooks.intuit.com/etc/designs/harmony/images/forms-sui.png') no-repeat -560px 0; width: 16px; height: 16px; display: inline-block; margin: 0 5px -3px 0; } .cform .cform-field.hidden-field-handle { height: 0px; } .cform .errors.be { border: 1px solid #dc3c1e; padding: 15px; margin-top: 12px; border-radius: 2px; display: none; width: 273px; } .cform .errors.be.visible { display: block; } .cform .errors.be h6 { color: #dc3c1e; } .cform .errors.be h6 p { color: #404040; font-weight: normal; padding-top: 6px; } .cform .errors.be h3 { padding: 0 0 10px 0; color: #dc3c1e; } .cform .errors.be h3 i { background: image-url('https://quickbooks.intuit.com/etc/designs/harmony/images/forms-sui.png') no-repeat -500px 0; width: 21px; height: 21px; display: inline-block; margin-right: 5px; margin-bottom: -3px; } .cform .add-margin-left { padding-left: 20px; /* changing to padding instead of margin, so that fit-container works for width 100% */ } .cform div.field-reveal { /* it's ok norberth, div added for a specificity kicker */ display: none; } .cform div.field-reveal-show { display: block; } .cform .cform-field, .cform label, .cform input, .cform select { display: inline-block; position: relative; } .cform label, .cform input, .cform select { box-sizing: border-box; -moz-box-sizing: border-box; /* Thx Firefox */ /*color: @color; font-family: @fonts; font-size: .9em; padding: 6px;*/ } .cform label { border: solid 1px transparent; font-weight: bold; padding: 12px 0px 2px 0px; /* match input padding 8px + 2px for border height of input */ white-space: nowrap; position: relative; /* when we want to hide the label but still have it take up visual * space for field alignment side by side with a field that has a visible label * * we need a better solution here */ } .cform label.visually-hidden { height: 28px; } .cform label.visually-hidden.label-right { height: 0px; } .cform label.visually-hidden.label-top { height: 31px; display: block; } .cform label.label-right { padding-left: 10px; } .cform label.label-top { display: block; } .cform label .field-error-box { bottom: 23px; } .cform input[type='text'], .cform input[type='password'], .cform input[type='button'], .cform input[type='tel'], .cform input[type='email'], .cform input[type='number'], .cform input[type='name'], .cform input[type='none'], .cform select { border: 1px solid #cccccc; box-sizing: border-box; -moz-box-sizing: border-box; border-radius: 2px; outline: none; } .cform input[type='text']:active, .cform input[type='password']:active, .cform input[type='button']:active, .cform input[type='tel']:active, .cform input[type='email']:active, .cform input[type='number']:active, .cform input[type='name']:active, .cform input[type='none']:active, .cform select:active, .cform input[type='text']:focus, .cform input[type='password']:focus, .cform input[type='button']:focus, .cform input[type='tel']:focus, .cform input[type='email']:focus, .cform input[type='number']:focus, .cform input[type='name']:focus, .cform input[type='none']:focus, .cform select:focus, .cform input[type='text']:hover, .cform input[type='password']:hover, .cform input[type='button']:hover, .cform input[type='tel']:hover, .cform input[type='email']:hover, .cform input[type='number']:hover, .cform input[type='name']:hover, .cform input[type='none']:hover, .cform select:hover { box-shadow: 0 0 0 2px rgba(161, 161, 161, 0.3); } .cform input[type='radio'], .cform input[type='checkbox'] { width: auto; } .cform input[type='radio']:active, .cform input[type='checkbox']:active, .cform input[type='radio']:focus, .cform input[type='checkbox']:focus, .cform input[type='radio']:hover, .cform input[type='checkbox']:hover { box-shadow: none; } .cform label + .ctext { margin-top: 5px; } .cform input[type='submit'] { margin: 15px 0; text-align: center; padding-top: 0px; } .cform select { height: 29px; } .cform .ctext { clear: left; } .cform .ccta { width: 100%; } .cform .row { clear: left; } .cform .credit-card + .hidden-card-image { display: inline-block; position: absolute; text-indent: -9999px; width: 108px; height: 18px; transition: width 0.15s linear; bottom: 4px; opacity: 1; background-image: url('https://quickbooks.intuit.com/etc/designs/harmony/images/global-sprite-fallback.png'); background-image: url('https://quickbooks.intuit.com/etc/designs/harmony/images/global-sprite.svg'); background-position: -630px -30px; background-repeat: no-repeat; } .cform .credit-card + .hidden-card-image.invalidCard { opacity: 0.5; background-position: -630px -30px; } .cform .credit-card + .hidden-card-image.visa { width: 27px; opacity: 1; background-position: -630px -30px; } .cform .credit-card + .hidden-card-image.masterCard { width: 27px; opacity: 1; background-position: -657px -30px; } .cform .credit-card + .hidden-card-image.americanExpress { width: 27px; opacity: 1; background-position: -684px -30px; } .cform .credit-card + .hidden-card-image.discover { width: 27px; opacity: 1; background-position: -711px -30px; } .cform .cta-align-right, .cform .cta-align-left, .cform .cta-align-center { float: left; margin-left: 20px; margin-top: 20px; } .cform .field-validation-error, .cform .field-error-wrapper { border-color: #ca4d2d; } .cform .field-validation-error input, .cform .field-error-wrapper input { border-color: #dc3c1e; color: #dc3c1e; } .cform .field-validation-error input:active, .cform .field-error-wrapper input:active, .cform .field-validation-error input:focus, .cform .field-error-wrapper input:focus, .cform .field-validation-error input:hover, .cform .field-error-wrapper input:hover { box-shadow: 0 0 0 2px rgba(202, 77, 45, 0.3); } .cform .field-validation-error label, .cform .field-error-wrapper label { color: #dc3c1e; } .cform .field-required { color: #dc3c1e; font-size: 2.2em; line-height: 6px; vertical-align: bottom; } .cform .field-inline { /* places component and subsequent components on a new line */ clear: none; } .cform .field-error-box { background-color: black; border: solid 1px black; border-radius: 2px; color: white; height: auto; left: 100px; padding: 10px; position: absolute; bottom: 50px; white-space: normal; width: 180px; z-index: 100; } .cform .field-error-box:before { content: ''; position: absolute; width: 0; height: 0; left: 15px; bottom: -17px; border: 8px solid; border-color: black transparent transparent black; } .cform .field-error-box p { color: white; } .cform .busy-spinner { background: #eef7f2 url('https://quickbooks.intuit.com/etc/designs/harmony/images/spinner-fallback.gif') no-repeat; background: url('https://quickbooks.intuit.com/etc/designs/harmony/images/spinner.svg') no-repeat center, linear-gradient(to bottom, #eef7f2 0%, #eef7f2 100%); height: 29px; border: 1px solid #eef7f2; width: 100px; text-indent: -1000px; } .cform.cform-small .cform-sm-fld input, .cform.cform-small .cform-sm-fld select { width: 60px; } .cform.cform-small .cform-sm-fld .hidden-card-image { left: 0px; } .cform.cform-small .cform-md-fld input, .cform.cform-small .cform-md-fld select { width: 140px; } .cform.cform-small .cform-md-fld .hidden-card-image { left: 27px; } .cform.cform-small .cform-lg-fld input, .cform.cform-small .cform-lg-fld select { width: 220px; } .cform.cform-small .cform-lg-fld .hidden-card-image { left: 107px; } .cform.cform-small .cform-fit-fld { width: 100%; } .cform.cform-small .cform-fit-fld input, .cform.cform-small .cform-fit-fld select { width: 100%; clear: both; } .cform.cform-small .cform-fit-fld .hidden-card-image { right: 5px; } .cform.cform-large .cform-sm-fld input, .cform.cform-large .cform-sm-fld select { width: 140px; } .cform.cform-large .cform-sm-fld .hidden-card-image { left: 27px; } .cform.cform-large .cform-md-fld input, .cform.cform-large .cform-md-fld select { width: 300px; } .cform.cform-large .cform-md-fld .hidden-card-image { left: 187px; } .cform.cform-large .cform-lg-fld input, .cform.cform-large .cform-lg-fld select { width: 460px; } .cform.cform-large .cform-lg-fld .hidden-card-image { left: 347px; } .cform.cform-large .cform-fit-fld { width: 100%; } .cform.cform-large .cform-fit-fld input, .cform.cform-large .cform-fit-fld select { width: 100%; clear: both; } .cform.cform-large .cform-fit-fld .hidden-card-image { right: 5px; } .field-error-wrapper label i { background: url('https://quickbooks.intuit.com/etc/designs/harmony/images/forms-sui.png') no-repeat -530px 0; width: 16px; height: 16px; display: inline-block; margin: 0 5px -3px 0; } .hidden-field-handle { text-indent: -9000px; visibility: hidden; height: 0; } [class*='toggle-element'] { display: none; } .cq-wcm-edit .cform [class*="span"] { display: block !important; float: none !important; } .cq-wcm-edit .cform { display: block; } .cq-wcm-edit .cform > div { float: none; clear: left; } .cq-wcm-edit .cform-field.hidden-field-handle { height: auto; } .cq-wcm-edit .hidden-field-handle { text-indent: 0px; color: red; size: 14px; font-weight: bold; padding: 8px; border: solid 2px blue; clear: both; visibility: visible; height: auto; } .cq-wcm-edit [class*='toggle-element'] { display: block; } .search-resultset-container { font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Helvetica Neue", Arial, sans-serif; width: auto; margin: 40px auto; } .search-resultset-container a { color: #2b73dd; } .search-resultset-container h2 { font-size: 17px; } .search-resultset-container .search-results-list, .search-resultset-container .sponsored-results-list { margin-bottom: 35px; } .search-resultset-container .search-results-item, .search-resultset-container .sponsored-results-item { margin: 30px 0 0 0; } .search-resultset-container .search-results-title, .search-resultset-container .sponsored-results-title { font-size: 18px; line-height: 18px; } .search-resultset-container .search-results-description { font-size: 14px; line-height: 18px; margin: 8px 0 0 0; } .search-resultset-container .search-form-query-input { background-color: #fff; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(0, 0, 0, 0.05); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDM4MCAzMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwIiBzdG9wLW9wYWNpdHk9IjAuMDUiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIzODAiIGhlaWdodD0iMzAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 100%); background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 100%); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 100%); background-image: linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 100%); border: none; border: solid 1px #aaaaaa\9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #333; float: left; font-size: 18px; height: 30px; margin-right: 20px; padding-left: 8px; width: 360px; background-position: 95px -610px; } .search-resultset-container .search-form-query-input:focus, .search-resultset-container .search-form-feedback:focus { -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(0, 0, 0, 0.05), 0 0 8px #fec82a, 0 0 0 1px #fec82a; -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(0, 0, 0, 0.05), 0 0 8px #fec82a, 0 0 0 1px #fec82a; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(0, 0, 0, 0.05), 0 0 8px #fec82a, 0 0 0 1px #fec82a; border-color: #fec82a\9; } .search-resultset-container .search-form-button { height: 28px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAADWklEQVR42q1VW0jTcRRWN6fLWZpdJBG7mOawIm0aLaILaWZDqMgerGlElkYPRRGlZVKgIrMHXxTLrIcwLy0FU1eSl6alhabl3dJNVzrdpphaRp0T5w9//mxTsYdP4eyc853zfee32dj4JFmDLYAH4NN/O4rZzBvcADURAJYCVgO8ABsA6wBrAK4ARyRcMAEViQCegEDAwf3yh3HnbpbcOn4x/8pySeoRiEkB3kRkP+dG7OY0ta9bUKost6ipQDOkH52cnPzDYMwwPl1V3/3uQHReHOQFAFbhttZI2LKIsHnQ0Wx5e4+un2lqGp+YHRjUG4f1xikmNmowTd9QqNIhXwJwI4+sEghQFpftKbKOXp0Gm3wfMUylZtcUrdyRFgufRQKiYq4V32v+rB3Az42miZ9nE54nQlwMcLK4Bf4haQJBlkJq/iMkJi8ZYvsAm1hGBzttvRutfv+lG/M6e79p+X7JoRB3t2g6MtO1hA3qRo1YmJJVXYjNqdABJSQZlgG2+YVlXgKZZjA3Pqn0NsR8MM8sATGvhYkv0OqzJIuvmSIenephMLsN85+UNpeS4U5mCWgyb5wEC/q1IwbS3Asn5xaQqXsfKz9UYX55dUcdSgdwtrbBerxzLMBrQUNJcz73ZdNphpS8/NSA+cUVrSq6JpFZAprSY0Vw2jG8DCw6dbUoA2JBpDmP1dwR9bYXJ5/sGxgeI7+yIOYPEFoz2RUgBV0bsailXat19L8jR0NJczecnMyUpd+vfUHbTnvuVsRSXGDxTGmyjaGnH8XjI8LiN019XeJDmZfRUNQcZcHJFQ/qyuHx/cacV+quQYifB2whk+0sEfBoi8CEDJUCpPpFL3YGtmpFQ0Hzt181I/9kYeNpWUsj1EXQl+ESLgmbTUAySM5cVybiI8IGXOjHTDOvG3qGWDE0uh7qws2RcC9EQHqL8YXi6eKdV9R21kGTSjSUNI8rKPvYNC8SM2fIJz3dybwAunMJXYsPaR4BTRvYJM8q29ToFcCDMX2uXzIHInOmOxdSoYgmDYem9WyS8poOfBebqY4IFg47lIEhUara1AwB/IbopCdypDSULRUsmiQUJ8fme6JymW8BIWuDRZN4oCw7I3N2UXMX8pIIFk8iYHklZJozBP8TttzYX3KN/D2nV3ZzAAAAAElFTkSuQmCC); background-repeat: no-repeat; background-position: 53px 1px; width: 138px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .search-resultset-container .search-feedback { color: #333; font-size: 14px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #fff; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.1); } .search-resultset-container .ctasecondary-search { color: #fff; text-shadow: 0 0 3px #002680; border: 1px solid #0044e3; border: 1px solid rgba(0, 68, 227, 0.5); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), inset 0 0 4px rgba(163, 191, 255, 0.5); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), inset 0 0 4px rgba(163, 191, 255, 0.5); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), inset 0 0 4px rgba(163, 191, 255, 0.5); background-color: #4172eb; } .search-resultset-container .ctasecondary-search:hover { -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), inset 0 0 6px rgba(163, 191, 255, 0.6); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), inset 0 0 6px rgba(163, 191, 255, 0.6); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), inset 0 0 6px rgba(163, 191, 255, 0.6); background-color: #527bd9; text-decoration: none; cursor: pointer; } .search-resultset-container .search-results-pagination-container { height: 15px; margin: 50px 0 0 0; } .search-resultset-container .search-num-results-found { color: #333; display: inline-block; float: left; font-size: 18px; font-weight: bold; } .search-resultset-container .search-results-pagination { display: inline-block; float: right; font-size: 14px; font-weight: bold; list-style: disc; margin-right: 15px; } .search-resultset-container .search-results-pagination li { color: #999; float: left; font-size: 14px; margin-left: 27px; width: 9px; } .search-resultset-container .search-results-pagination li:first-child { list-style: none; } .search-resultset-container .search-results-pagination .chevron { font-size: 24px; line-height: 6px; } .search-resultset-container .search-results-hr { background-color: #e5e5e5; border: none; color: #e5e5e5; height: 1px; margin: 30px 15px 0 0; } .search-resultset-container .search-feedback-form { color: #505050; } .search-resultset-container .search-feedback-form h2 { margin-bottom: 8px; } .search-resultset-container .search-feedback-form p { font-size: 14px; line-height: 18px; } .search-resultset-container .search-feedback-form button:hover { cursor: pointer; } .search-resultset-container .search-feedback-input { height: 110px; margin-bottom: 12px; width: 220px; } .search-resultset-container .no-results-found-header { margin-top: 40px; font-weight: bold; } .search-resultset-container .no-results-found-content { margin-top: 20px; padding-left: 3px; } .carousel-viewport { overflow: hidden ! important; } .carousel-slides { list-style: none; margin: 0; padding: 0; } .carousel-slides > li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; } .carousel-slides > li img { max-width: 100%; } .carousel-slides:after, .carousel-slides > li:after { content: "."; display: block; height: 0; width: 0; line-height: 0; clear: both; visibility: hidden; } .mobile-friendly-controls .ccarousel { background-color: transparent; } .mobile-friendly-controls .slide { padding: 0px 5px; margin-top: 30px; } .mobile-friendly-controls .carousel-controls .carousel-controls-wrap { background-color: transparent; border-radius: 0px; } .mobile-friendly-controls .carousel-controls .prev, .mobile-friendly-controls .carousel-controls .next { position: absolute; top: 50%; } .mobile-friendly-controls .carousel-controls .next { right: 0%; width: 0px; height: 0px; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid #2ca01c; } .mobile-friendly-controls .carousel-controls .prev { left: 0%; width: 0px; height: 0px; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-right: 15px solid #2ca01c; background-position: -529px -399px; } .mobile-friendly-controls .carousel-controls .prev:hover { background-position: -529px -399px; } .mobile-friendly-controls .carousel-controls .carousel-pagination li { width: 7px; height: 7px; } .mobile-friendly-controls .carousel-controls .carousel-pagination li:hover, .mobile-friendly-controls .carousel-controls .carousel-pagination .carousel-pagination-active { background-color: #2ca01c; } .carousel-controls { margin-top: 30px; text-align: center; } .carousel-controls .carousel-controls-wrap { background-color: #eaebed; display: inline-block; padding: 10px 15px; border-radius: 20px; } .carousel-controls li { display: inline-block; margin: 0; padding: 0; } .carousel-controls .prev, .carousel-controls .next { display: inline-block; width: 15px; height: 20px; margin: 0; padding: 0; vertical-align: middle; background-position: -538px -399px; overflow: hidden; text-indent: -100em; cursor: pointer; } .carousel-controls .next { background-position: -578px -399px; } .carousel-controls .prev:hover { background-position: -538px -439px; } .carousel-controls .next:hover { background-position: -578px -439px; } .carousel-controls .carousel-pagination { display: inline-block; list-style: disc; margin: 0; padding: 0 20px; } .carousel-controls .carousel-pagination li { display: inline-block; width: 5px; height: 5px; margin: 0 8px; padding: 0; cursor: pointer; background-color: #d4d7dc; border-radius: 10px; } .carousel-controls .carousel-pagination li:hover, .carousel-controls .carousel-pagination .carousel-pagination-active { background-color: #2ca01c; } .creview { clear: both; } .creview .more { display: none; } .creview .pull-right { float: right; } .creview .ctext { margin: 20px 0 0; } .creview .p1 { font-weight: bold; } .creview .p2 { line-height: 1.6em; } .creview .p3, .creview .p4 { color: #808080; } .creview .rating-stars { display: inline-block; width: 100px; height: 20px; padding: 4px 0; background-position: -500px -518px; } .creview .rating-stars .rating { display: inline-block; width: 100px; height: 16px; background-position: -500px -482px; text-indent: -100em; overflow: hidden; } .creview .rating-stars .rating-none { display: none; } .creview .rating-stars .rating-1 { width: 20px; } .creview .rating-stars .rating-2 { width: 40px; } .creview .rating-stars .rating-3 { width: 60px; } .creview .rating-stars .rating-4 { width: 80px; } .creview .rating-stars .rating-5 { width: 100px; } .rss .carousel-slides .creview .header p, .simplemodal-container .creview .header p { color: #808080; font-size: 14px; } .rss .carousel-slides .creview .header p.product-name, .simplemodal-container .creview .header p.product-name { text-align: center; font-size: 10px; color: #808080; } .rss .carousel-slides .creview h3, .simplemodal-container .creview h3 { line-height: 34px; } .simplemodal-data .creview .read-more { display: none; } .simplemodal-data .creview .more { display: inline; } #simplemodal-container a.modalCloseImg.review { top: 8px; right: 9px; } .cfeatures-accordion a { outline: 0; } .cfeatures-accordion hr { border-top: 1px dotted; color: #999999; } .cfeatures-accordion .panel { margin: 18px 0; width: 300px; } .cfeatures-accordion .panel dl.panel-heading { margin-bottom: 18px; } .cfeatures-accordion .panel dl.panel-heading > a.accordion-toggle, .cfeatures-accordion .panel dl.panel-heading > span.indicator { display: inline-block; } /************************************************************************************************************* This file sets the CSS Rules for the quickNav header, including the More From Intuit area. *************************************************************************************************************/ /* helper classes */ .visually-hidden { position: absolute; clip: rect(1px 1px 1px 1px); padding: 0; border: 0; height: 1px; width: 1px; overflow: hidden; } .visually-hidden-text { text-indent: -5000px; } /* /helper classes */ /* general/global style overrides */ /*.main-header li,*/ /*.phone-info-module li {*/ /*margin-left: 0;*/ /*list-style: none;*/ /*}*/ .main-header ul, .phone-info-module { list-style: none; } /* /general/global style overrides */ /* sprite rules */ .global-sprite, .close-more-from-intuit, .info-icon, .intuit-logo, .intuit-logo-image, .intuit-payroll-logo-image, .intuit-logo-for-payroll, .link-icon, .phone-icon, .property-header.websites .nav-bar .intuit-logo, .property-logo-image, .security-icon, .sub-menu-icon, .search-submit-button, .websites-chat-icon, .checkmark, .ctabs-headings .tab-icons, .property-header.Payments.nav-bar .intuit-logo-image, .property-header.Payments.nav-bar .intuit-payments-logo-image, .intuit-payments-logo-image, .logo-icom-168x49, .logo-payroll-64x25, .logo-payments-183x18, .burst-icon-72x72, .logo-quickbooks-185x40, .logo-quickbooks-branding-185x40, .logo-payroll-branding-185x40, .chevron-r-icon-8x12, .chevron-d-icon-8x12 { background-image: url('https://quickbooks.intuit.com/etc/designs/harmony/images/global-sprite-fallback.png'); background-image: url('https://quickbooks.intuit.com/etc/designs/harmony/images/global-sprite.svg'); background-repeat: no-repeat; } /* /sprite rules */ /* quickNav header rules */ .main-header { /*width: 100%;*/ background-color: #fff; color: #3f3f3f; } /* .main-header a, .main-header a:visited,con .main-header a > span { color: #2b73dd; text-decoration: none; } */ /* general navigation rules */ .quickNav-menu { margin: 0; padding: 0; list-style: none; display: inline-block; /* ie7 inline-block hack */ *zoom: 1; *display: inline; } .Payroll .quickNav-menu { margin: 0 0 0 75px; } .quickNav-menu-qb { margin-top: 10px !important; } .quickNav-menu > li { display: inline-block; margin: 0; vertical-align: top; /* ie7 inline-block hack */ *zoom: 1; *display: inline; } .quickNav-menu > li > a, .quickNav-menu > li > span { display: block; font-size: 12px; } /* /general navigation rules */ /* general sub-navigation rules */ .sub-menu > ul { height: 0; width: 0; display: none; margin: 0; padding: 0; overflow: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* ie8 */ filter: alpha(opacity=0); /* ie7 */ opacity: 0; font-size: 13px; list-style: none; position: absolute; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); z-index: 1001; background-color: #fff; border: 1px solid #ccc; border-radius: 2px; border-top-left-radius: 0; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .no-boxshadow .sub-menu > ul { border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } .sub-menu:hover > ul { display: block; height: auto; width: 240px; padding: 8px 5px 12px 5px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* ie8 */ filter: alpha(opacity=100); /* ie7 */ opacity: 1; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .sub-menu > ul > li > a { display: block; padding: 8px 10px; } .sub-menu > ul > li > a:hover { color: #fff; background-color: #365ebf; border-radius: 2px; } /* /general sub-navigation rules */ /* More From Intuit rules */ .more-from-intuit { height: 0; overflow: hidden; font-size: 13px; background-color: #365ebf; -webkit-transition: height 0.4s ease-in-out; -moz-transition: height 0.4s ease-in-out; -o-transition: height 0.4s ease-in-out; -ms-transition: height 0.4s ease-in-out; transition: height 0.4s ease-in-out; } .more-from-intuit-open .more-from-intuit { height: 260px; -webkit-transition: height 0.4s ease-in-out; -moz-transition: height 0.4s ease-in-out; -o-transition: height 0.4s ease-in-out; -ms-transition: height 0.4s ease-in-out; transition: height 0.4s ease-in-out; } .more-from-intuit-container { width: 940px; margin: 0 auto; padding-top: 30px; } .more-from-intuit-container > .column { float: left; width: 200px; margin-left: 40px; list-style: none; } .more-from-intuit-container > .first-column { font-weight: bold; margin-left: 0; padding: 0; } .more-from-intuit-container > .column.first-column > .list-header { margin: 0 0 12px; padding-left: 0; } .more-from-intuit-container > .column > .list-header { margin: 10px 0 12px; } .more-from-intuit-container > .column > .about-intuit-link { margin-bottom: 23px; } .more-from-intuit .list-header { color: #fff; font-size: 14px; font-weight: bold; padding-left: 5px; } .more-from-intuit .list-header > span { font-size: 18px; } .more-from-intuit .column a, .more-from-intuit .column a:visited .more-from-intuit .column a:hover { display: block; padding: 5px; color: #fff; } .more-from-intuit .column a:hover { border-radius: 2px; background-color: #4a6ec6; background-color: rgba(255, 255, 255, 0.1); } .more-from-intuit .column .list-header a { /* display: inline; */ /* padding: 0px; */ } .more-from-intuit .column .list-header a:hover { background-color: transparent; } .more-from-intuit .intuit-logo { display: block; width: 82px; height: 24px; background-position: -500px 0px; } .closeButtonContainer { height: 0; position: relative; } .close-more-from-intuit { position: absolute; display: block; width: 39px; height: 39px; background-position: -160px -390px; right: 0; } .close-more-from-intuit:hover { border-radius: 2px; background-color: #4a6ec6; background-color: rgba(255, 255, 255, 0.1); } /* /More From Intuit rules */ /* top bar rules */ .top-bar { width: 100%; border-top: 4px solid #ccc; background-color: #f5f5f5; background-image: -webkit-linear-gradient(top, #f5f5f5 95%, #e5e5e5 100%); background-image: -moz-linear-gradient(top, #f5f5f5 95%, #e5e5e5 100%); background-image: -o-linear-gradient(top, #f5f5f5 95%, #e5e5e5 100%); background-image: -ms-linear-gradient(top, #f5f5f5 95%, #e5e5e5 100%); background-image: linear-gradient(to bottom, #f5f5f5 95%, #e5e5e5 100%); } .top-bar-container { height: 29px; width: 940px; margin: 0 auto; padding: 7px 0 8px; } .top-bar .tiny-link { padding-top: 8px; } /* logo rules */ .nav-bar .intuit-logo { width: 168px; height: 40px; margin: 20px 30px 0px 16px; float: left; cursor: pointer; background-position: 0 0; display: inline-block; /* ie7 inline-block hack */ *zoom: 1; *display: inline; } .nav-bar .intuit-logo:hover { text-decoration: none; } .property-header.nav-bar .intuit-logo { width: 323px; background-image: none; /* ie7 hack */ *position: relative; *top: -15px; } .intuit-logo-image { width: 185px; height: 40px; background-position: -229px -20px; display: none; } .payroll-logo-link { width: 216px; height: 27px; position: relative; top: 17px; /*IE8 hack*/ top: 0\9 ; display: inline-block; left: 20px; } .intuit-payroll-logo-image { background-position: -230px -120px; width: 183px; height: 18px; display: inline-block; position: relative; } .intuit-logo-for-payroll { width: 95px; height: 30px; background-position: 0px 0px; display: inline-block; } .property-logo-image { width: 216px; height: 27px; position: relative; top: 7px; display: none; } /* fix for defect DE4337: ensure proper alignment of property logo on Safari */ .safari-lt-536 .property-logo-image { top: -7px; } .property-header.nav-bar .intuit-logo > span { display: block; float: left; } .property-header.Quickbooks.nav-bar .intuit-logo { width: 205px; } .property-header.Payments.nav-bar .intuit-logo { width: 185px; padding-top: 0px; margin-top: 0px; } .property-header.GoPayment.nav-bar .intuit-logo { width: 205px; padding-top: 10px; } .property-header.Payments.nav-bar .intuit-logo-image { background-position: -230px -20px; width: 183px; height: 41px; margin-top: 20px; display: block; } .property-header.Payments.nav-bar .intuit-payments-logo-image, .intuit-payments-logo-image { background-position: -230px -100px; width: 183px; height: 18px; } .property-header.GoPayment.nav-bar .intuit-logo-image { /*background-image: url('https://quickbooks.intuit.com/etc/designs/harmony/images/Intuit_GoPayment_logo.png');*/ background-position: 0 0; width: 210px; height: 31px; } .property-header.Quickbooks .property-logo-image { width: 116px; background-position: 0 -57px; } .property-header.Payroll .property-logo-image { background-position: 0 -158px; } .property-header.Payments .property-logo-image { background-position: 0 -98px; } .property-header.Websites.nav-bar .intuit-logo-image, .property-header.Websites.nav-bar .property-logo-image { display: none; } .property-header.Websites.nav-bar .intuit-logo { width: 198px; background-position: 0 -667px; /* ie7-8 hacks */ position: relative\9; top: 0\9; } /*.property-header.Payments.nav-bar .intuit-logo { width: 205px; }*/ /* /logo rules */ /* navigation links rules */ .nav-links { float: right; } .nav-links > li { padding-left: 20px; } .sub-menu-icon { width: 9px; height: 4px; margin-left: 3px; background-position: 0 -468px; position: relative; top: -1px; /* ie7 hack */ *top: -4px; *left: 3px; display: inline-block; /* ie7 inline-block hack */ *zoom: 1; *display: inline; } .sub-menu > a:hover > .sub-menu-icon { background-position: 0 -488px; } .link-icon { width: 13px; height: 13px; padding-right: 4px; vertical-align: top; /* ie7 hack */ position: relative; *top: 0px; *left: 7px; display: inline-block; /* ie7 inline-block hack */ *zoom: 1; *display: inline; } .more-from-intuit-tiny { background-position: -79px -397px; } .phone-tiny { background-position: -118px -398px; } .chat-tiny { background-position: -139px -398px; } a:hover .chat-tiny { background-position: -139px -418px; } .nav-links .sub-menu > ul { border-top-right-radius: 5px; z-index: 5; /* ie7-8 hack - grey border around drop-down sub-menu */ border-top: 1px solid #cccccc\9; } .property-header .nav-links > .phone-number { display: none; } .more-from-intuit-button-position { width: 940px; height: 0; margin: 0 auto; } .more-from-intuit-button, .more-from-intuit-link { display: inline-block; /* ie7 inline-block hack */ *zoom: 1; *display: inline; } .more-from-intuit-button { position: absolute; background-position: 0 -340px; } .more-from-intuit-button:hover { background-color: #e2e6ef; background-color: rgba(54, 94, 191, 0.1); } a.more-from-intuit-link { color: #202020; padding: 8px 0 0; /* ie7 hack */ *top: -2px; } .more-from-intuit-left-border { display: block; border-left: 1px solid #b6b6b6; } .more-from-intuit-right-border { display: block; padding: 11px 20px 11px 16px; border-right: 1px solid #b6b6b6; } .more-from-intuit-link:hover .more-from-intuit-tiny { background-position: -79px -417px; } .more-from-intuit-open .more-from-intuit-link, .more-from-intuit-open .more-from-intuit-link:visited { color: #fff; background-color: #365ebf; background-image: none; } .more-from-intuit-open .more-from-intuit-link:hover { color: #fff; background-color: #2e52a6; } .more-from-intuit-open .more-from-intuit-tiny, .more-from-intuit-open .more-from-intuit-link:hover .more-from-intuit-tiny { background-position: -99px -397px; } .more-from-intuit-open .more-from-intuit-left-border, .more-from-intuit-open .more-from-intuit-right-border { background: none; } .security-icon { width: 20px; height: 17px; margin-right: 3px; background-position: 0px -280px; position: relative; top: 4px; /* ie7 hack */ *top: 0px; *left: 7px; display: inline-block; /* ie7 inline-block hack */ *zoom: 1; *display: inline; } a:hover .security-icon { background-position: 0px -300px; } /* /navigation links rules */ /* /top bar rules */ /* navigation bar rules */ .nav-bar { width: 100%; background-color: #fff; border-bottom: 1px solid #eee; } .nav-bar > .nav-bar-container { width: 972px; margin: 0 auto; display: block; } .Payroll .nav-bar-container { height: 65px; } .nav-bar .intuit-logo.intuit-payroll-logo { margin-top: 18px; } .nav-bar a:hover { text-decoration: none; } .nav-bar-top-links { padding-left: 19px; /* ie7 hack */ *padding-right: 3px; } .nav-bar-top-links:first-child { padding-left: 0; } .nav-bar-top-links > a, .nav-bar-top-links > a:visited { text-transform: uppercase; text-align: center; padding: 33px 3px 23px; } .nav-bar-top-links.active > a { border-bottom: 4px solid #365ebf; padding-bottom: 19px; } .nav-bar-top-links:hover > a { position: relative; z-index: 4; padding-bottom: 19px; border-bottom: 4px solid #365ebf; } /* /navigation bar rules */ /* sign-in button rules */ .sign-in-button .sub-menu { float: right; } .sign-in-button { float: right; } /* /sign-in button rules */ /* phone information module rules */ .phone-info > li > div > span { display: inline-block; /* ie7 inline-block hack */ *zoom: 1; *display: inline; } .phone-info.quickNav-menu > li > div { padding: 0 16px; } .phone-info > li > div > span { text-align: center; font-weight: bold; font-size: 19px; } .phone-info > li > div { width: 181px; /* ie7-8 hack */ width: auto\9; } .phone-info > li:hover > div { background-color: #ecf6fe; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; position: relative; left: -1px; z-index: 4; -webkit-transition: background-color 0.2s ease; -moz-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease; -ms-transition: background-color 0.2s ease; transition: background-color 0.2s ease; } .phone-info .phone-icon { visibility: hidden; width: 14px; height: 18px; margin-right: 7px; background-position: -210px -400px; position: relative; top: 4px; /* ie7 hack */ *top: -9px; } .phone-info > li:hover .phone-icon { visibility: visible; } .phone-info .phone-number { padding: 6px 0 9px 0; /* ie7-8 hack */ padding: 6px 5px 9px 5px\9; } .phone-info .info-icon { display: inline-block; vertical-align: top; position: relative; top: -2px; margin-left: 5px; width: 17px; height: 17px; background-position: -30px -400px; } .phone-info > li:hover .info-icon { background-position: -30px -420px; } .phone-info > .sub-menu > ul { width: 181px; border-top-right-radius: 0; padding-top: 0; padding-bottom: 5px; } .call-center-status { font-weight: bold; } .call-center-status > .open { display: none; color: green; } .call-center-status.open > .open { display: inline; } .call-center-status.open > .closed { display: none; } /* navigation bar phone information module rules */ .nav-bar .phone-info { /*display: none;*/ float: right; font-size: 12px; } .property-header .nav-bar .phone-info { display: inline; } /* bmallow: hide nav-bar phone info for websites/gyb context, per hand-off agreement */ .property-header.websites.nav-bar .phone-info { display: none; } .top-bar .phone-info > li > a:hover { color: #202020; text-decoration: none; cursor: default; } .top-bar .phone-info > li > div { width: 158px; /* ie7-8 hack */ width: auto\9; } .top-bar .phone-info > li > div, .top-bar .phone-info > li > div > span { font-size: 13px; } .top-bar .phone-info > li:hover > div { left: 0; border: none; border-top: 3px solid #365ebf; } .top-bar .phone-info > li > div > span { color: #ffffff; } .top-bar .phone-info > li:hover > div > span { color: #3f3f3f; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; -ms-transition: color 0.2s ease; transition: color 0.2s ease; } .top-bar .phone-info .phone-icon, .top-bar .phone-info .phone-details { display: inline-block; /* ie7 inline-block hack */ *zoom: 1; *display: inline; } .top-bar .phone-info .phone-details { line-height: 1.4em; vertical-align: top; } .top-bar .phone-info .phone-number { padding-top: 9px; } .top-bar .phone-info > li:hover .phone-number { padding-top: 6px; } .top-bar .phone-info > .sub-menu > ul { padding: 10px 15px; margin-left: -90px; } .top-bar .phone-info .call-center-hours { color: #505050; font-size: 0.9em; } .top-bar .phone-info .more-phone-numbers { display: block; border-top: 1px solid #ccc; margin-top: 10px; padding-top: 10px; text-align: center; } .top-bar .phone-info .more-phone-numbers > a { color: #365ebf !important; } /* search box rules */ .search-intuit { line-height: 27px; } /* navigation bar phone information module rules */ /* /phone information module rules */ /* breadcrumb bar rules */ .breadcrumb-bar { width: 940px; margin: 0 auto; overflow: hidden; } .quickNav-breadcrumbs > li { margin-top: 15px; margin-left: 5px; } .quickNav-breadcrumbs > li:first-child { margin-left: 0; } .quickNav-breadcrumbs > li > a, .quickNav-breadcrumbs > li > span { display: inline; } .quickNav-breadcrumbs > li:before { content: ">"; margin-right: 5px; } .quickNav-breadcrumbs > li:first-child:before { content: none; margin-right: 0; } .quickNav-buttons { float: right; display: inline-block; margin: 30px 16px 0 0; } .Payroll .quickNav-buttons { float: right; display: inline-block; margin: 20px 16px 0 0; } .quickNav-topNav-buttons { margin-top: 0px; } .quickNav-buttons > li, .quickNav-buttons > li > a { display: inline-block; } .quickNav-buttons > li > a { font-size: 14px; height: 26px; padding-top: 1px; line-height: 1.8em; } li.sign-in-nav { padding-bottom: 2px; margin-left: 15px; } li.sign-in-nav > a.ctasecondary, li.sign-in-nav > a.ctasecondary:hover { color: #fff; font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif; padding-right: 12px; padding-left: 12px; text-decoration: none; height: 29px; } .sub-menu.sign-in-nav > ul { margin: 2px 0 0 -103px; width: 160px; } /* tertiary navigation links rules */ .tertiary-nav-links { float: right; } .tertiary-nav-links > span, .tertiary-nav-links > div { margin-top: 15px; } .tertiary-nav-links > span { display: inline-block; /* ie7 inline-block hack */ *zoom: 1; *display: inline; } .tertiary-nav-links > .overview-link > a { color: #505050; font-weight: bold; } .tertiary-nav-links > .overview-link > a:hover { color: #505050; text-decoration: none; cursor: default; } /* website chat widget rules */ .websites-chat-module { overflow: hidden; position: relative; z-index: 2; background-color: #ffffff; /* ie7-8 hack - prevent IE from applying full width for no good reason */ max-width: 250px\9; } .websites-chat-module > .websites-chat-icon, .websites-chat-module > div { vertical-align: top; display: block; float: right; } .websites-chat-module a { cursor: pointer; } .websites-chat-icon { width: 27px; height: 26px; margin-right: 6px; position: relative; top: 2px; background-position: -33px -218px; } .websites-chat-module:hover .websites-chat-icon { background-position: 0 -218px; } .website-chat-content { font-weight: bold; margin-right: 9px; } .website-chat-content a { color: #f0640f; font-size: 11px; } .website-chat-hours { font-size: 11px; } /* website chat widget rules */ /* /tertiary navigation links rules */ /* /breadcrumb bar rules */ /* /quickNav header rules */ .quickNav-header { background-color: #ffffff; color: #3f3f3f; margin-bottom: 15px; width: 100%; min-width: 970px; } .search-intuit { color: #666; border: solid 1px #d4d4d4; font-size: 12px; font-style: italic; height: 27px; padding: 0 20px 0 9px; margin: 0; width: 130px; outline: none; -webkit-appearance: none; border-radius: 2px; background-color: #ffffff; } .nav-links, .more-from-intuit-button { font-size: 12px; } .top-bar a, .nav-bar a, .top-bar a:visited, .nav-bar a:visited { color: #202020; } .top-bar a:hover, .nav-bar a:hover { color: #365ebf; } .top-bar a:hover { text-decoration: underline; } #isearch { height: 0px; } .search-intuit:focus { box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(0, 0, 0, 0.05), 0 0 8px #365ebf, 0 0 0 1px #365ebf; /* ie7-8 hack: add border on focus */ border-color: #365ebf\9; } .with-data .search-intuit { font-style: normal; color: #505050; } .search-submit-button { position: relative; top: -25px; left: 137px; background-position: -56px -396px; background-color: transparent; display: block; width: 20px; height: 22px; padding: 0; margin: 0 0 -2px 0; border: none; cursor: pointer; text-indent: -1000px; } .with-data .search-submit-button, .search-submit-button:hover { background-position: -56px -416px; } /* skip link rules */ .skip a { position: absolute; left: -200px; } .skip a:focus, .skip a:active { color: #000000; left: 10px; position: absolute; } .no-outline-on-focus:focus { outline: none; } /* fms property specific rules starts */ .property-header.Quickbooks.nav-bar .slim-header { margin: 20px 30px 23px 16px; float: none; } .property-header.Quickbooks.nav-bar .qb-nonav-intuit-logo { cursor: default; } .property-header.Quickbooks .nav-contact-info, .property-header.Quickbooks .wcn-hours { float: right; } .property-header.Quickbooks .call-sales { margin: 30px 0px 0 0; } .property-header.Quickbooks .wcn-sales-text { color: #999; font-weight: bold; } .property-header.Quickbooks .wcn-phone-number { color: #202020; font-weight: bold; } .property-header.Quickbooks .wcn-hours { color: #999; } /* fms property specific rules ends */ /* Top Header AEM related styles ------------------------------------------------ */ .aem-top-header { padding: 20px; } .aem-top-header a.ctasecondary, .aem-top-header a.ctatertiary { font-size: 14px; height: 29px; line-height: 1.8em; margin: 10px 0 0 20px; padding: 3px 12px 0px 12px; } .aem-top-header div.cta-align-left, .aem-top-header div.cta-align-center, .aem-top-header div.cta-align-right { display: inline-block; } .aem-top-header div.row > div[class^="span"]:last-child { text-align: right; } .aem-top-header div.ctext { display: inline-block; line-height: 24px; margin-left: 20px; padding-bottom: 6px; vertical-align: bottom; } /* Header Eyebrow Boilerplate related styles ------------------------------------------------ */ .more-from-intuit-button { z-index: 999; } .more-from-intuit { position: static; } .header-eyebrow-container { background-image: linear-gradient(to bottom, #f5f5f5 95%, #e5e5e5 100%); border-top: 4px solid #CCCCCC; } .header-eyebrow-boiler .row { height: 45px; } .header-eyebrow-boiler .parbase .row { height: auto; } .header-eyebrow-boiler .eyebrow-boiler-nav { float: right; margin-right: 20px; } .header-eyebrow-boiler .eyebrow-boiler-nav .ctext ul { padding-top: 10px; } .header-eyebrow-boiler .eyebrow-boiler-nav .ctext ul li { list-style-type: none; display: inline-block; vertical-align: top; margin-left: 20px; text-align: right; } .header-eyebrow-boiler .eyebrow-boiler-nav .ctext ul li a { color: #202020; } .header-eyebrow-boiler .eyebrow-boiler-nav .ctext ul li a:hover { color: #365EBF; } .header-eyebrow-boiler .eyebrow-boiler-nav .ctext ul li ul { margin-left: -65px; margin-top: -2px; background-color: #FFFFFF; border: 1px solid #CCCCCC; border-radius: 0 2px 2px; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); display: none; font-size: 13px; position: absolute; transition: opacity 0.2s ease 0s; width: 200px; z-index: 1001; } .header-eyebrow-boiler .eyebrow-boiler-nav .ctext ul li ul li { border-top: 1px solid #CCCCCC; display: block; margin: 0px 10px; text-align: center; padding-top: 10px; } .header-eyebrow-boiler .eyebrow-boiler-nav .ctext ul li ul li a { color: #365EBF; padding: 0px; } .header-eyebrow-boiler .eyebrow-boiler-nav .ctext ul li ul li a:hover { background-color: #ffffff; text-decoration: underline; } .header-eyebrow-boiler .eyebrow-boiler-nav .ctext ul li ul li:first-child { border: none; padding: 0px 0px 10px; } .header-eyebrow-boiler .eyebrow-boiler-nav .ctext ul li ul li:first-child:before { content: ""; display: inline-block; width: 20px; height: 20px; background-image: url('https://quickbooks.intuit.com/etc/designs/harmony/images/global-sprite-fallback.png'); background-image: url('https://quickbooks.intuit.com/etc/designs/harmony/images/global-sprite.svg'); background-repeat: no-repeat; background-position: -210px -400px; vertical-align: -6px; margin: 0px 5px 0px -15px; } .header-eyebrow-boiler .eyebrow-boiler-nav .ctext ul li:hover ul { display: block; } .header-eyebrow-boiler .eyebrow-boiler-nav .eyebrow-phone-no { margin-left: 20px; } .header-eyebrow-boiler .eyebrow-boiler-nav .eyebrow-phone-no:before { content: ""; display: inline-block; width: 20px; height: 20px; background-image: url('https://quickbooks.intuit.com/etc/designs/harmony/images/global-sprite-fallback.png'); background-image: url('https://quickbooks.intuit.com/etc/designs/harmony/images/global-sprite.svg'); background-repeat: no-repeat; background-position: -118px -398px; vertical-align: -6px; } .header-eyebrow-boiler .eyebrow-boiler-nav .eyebrow-phone-no:after { content: ""; display: inline-block; width: 20px; height: 20px; background-image: url('https://quickbooks.intuit.com/etc/designs/harmony/images/global-sprite-fallback.png'); background-image: url('https://quickbooks.intuit.com/etc/designs/harmony/images/global-sprite.svg'); background-repeat: no-repeat; background-position: -30px -400px; vertical-align: -6px; margin-left: 6px; } .header-eyebrow-boiler .eyebrow-boiler-nav .eyebrow-phone-no:hover:after { background-position: -30px -420px; } .header-eyebrow-boiler .parbase .eyebrow-boiler-search { margin: 0px; } .header-eyebrow-boiler .eyebrow-boiler-search { margin-left: -35px; margin-top: -8px; } .header-eyebrow-boiler .eyebrow-boiler-search label.visually-hidden { display: none; } .header-eyebrow-boiler .eyebrow-boiler-search .parbase input[type="submit"] { top: 0px; left: 0px; } .header-eyebrow-boiler .eyebrow-boiler-search input[type="submit"] { background-color: rgba(0, 0, 0, 0); background-position: -56px -396px; border: medium none; cursor: pointer; display: block; height: 22px; left: 137px; margin: 0 0 -2px; padding: 0; position: relative; text-indent: -1000px; top: -25px; width: 20px; background-image: url('https://quickbooks.intuit.com/etc/designs/harmony/images/global-sprite-fallback.png'); background-image: url('https://quickbooks.intuit.com/etc/designs/harmony/images/global-sprite.svg'); background-repeat: no-repeat; } .header-eyebrow-boiler .eyebrow-boiler-search input[type="submit"]:hover { background-position: -56px -416px; box-shadow: none; } .header-eyebrow-boiler .eyebrow-boiler-search input[type="text"] { width: 160px; padding: 0 20px 0 9px; font-style: italic; height: 30px; } .ctaprimary, .ctasecondary, .ctatertiary { text-decoration: none; border-radius: 2px; display: inline-block; /*min-width: 50px; max-width: 250px;*/ /* Truncation for long buttons */ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* for when display is inline-block */ vertical-align: middle; } .ctaprimary:hover, .ctasecondary:hover, .ctatertiary:hover { text-decoration: none; } .ctaprimary, .ctasecondary, input.ctaprimary, input.ctasecondary, button.ctaprimary, button.ctasecondary { font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 600; font-size: 15px; padding-top: 3px; height: 32px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ text-align: left; padding: 4px 16px 0; } .ctatertiary, input.tertiary { font-size: 16px; padding-top: 4px; height: 32px; text-align: center; padding-left: 15px; padding-right: 15px; } span.ctaprimary, span.ctasecondary, span.ctatertiary { height: 32px; box-sizing: border-box; } .ctaprimary:hover, .ctasecondary:hover { box-shadow: none; } .ctaprimary:active, .ctasecondary:active, .ctatertiary:active { box-shadow: none; } a.ctaprimary, a .ctaprimary, input.ctaprimary, span.ctaprimary, button.ctaprimary { color: #ffffff; line-height: 1.5em; border: 1px solid #2ca01c; border-radius: 1 1; background: #2ca01c; background: -webkit-linear-gradient(top, #2ca01c 100%, #2ca01c 100%); background: -moz-linear-gradient(top, #2ca01c 100%, #2ca01c 100%); background: -o-linear-gradient(top, #2ca01c 100%, #2ca01c 100%); background: -ms-linear-gradient(top, #2ca01c 100%, #2ca01c 100%); background: linear-gradient(to bottom, #2ca01c 100%, #2ca01c 100%); } a.ctaprimary:hover, a .ctaprimary:hover, input.ctaprimary:hover, span.ctaprimary:hover, button.ctaprimary:hover { background: #53b700; background: -webkit-linear-gradient(top, #53b700 100%, #53b700 100%); background: -moz-linear-gradient(top, #53b700 100%, #53b700 100%); background: -o-linear-gradient(top, #53b700 100%, #53b700 100%); background: -ms-linear-gradient(top, #53b700 100%, #53b700 100%); background: linear-gradient(to bottom, #53b700 100%, #53b700 100%); } a.ctaprimary:active, a .ctaprimary:active, input.ctaprimary:active, span.ctaprimary:active, button.ctaprimary:active { background: #53b700; background: -webkit-linear-gradient(top, #53b700 100%, #53b700 100%); background: -moz-linear-gradient(top, #53b700 100%, #53b700 100%); background: -o-linear-gradient(top, #53b700 100%, #53b700 100%); background: -ms-linear-gradient(top, #53b700 100%, #53b700 100%); background: linear-gradient(to bottom, #53b700 100%, #53b700 100%); } a.ctaprimary.full-width, a .ctaprimary.full-width, input.ctaprimary.full-width, span.ctaprimary.full-width, button.ctaprimary.full-width { width: 100%; max-width: 100%; text-align: center; box-sizing: border-box; } a.ctaprimary.submitted, a .ctaprimary.submitted, input.ctaprimary.submitted, span.ctaprimary.submitted, button.ctaprimary.submitted { line-height: 0; font-size: 0; border: 1px solid #f6f8fb; background: #f6f8fb url('https://quickbooks.intuit.com/etc/designs/harmony/images/spinner-fallback.gif') no-repeat center; background: #f6f8fb url('https://quickbooks.intuit.com/etc/designs/harmony/images/spinner.svg') no-repeat center; } a.ctasecondary, input.ctasecondary, span.ctasecondary { color: #ffffff; line-height: 1.5em; border: 1px solid #000000; border-radius: 1 1; background: #000000; background: -webkit-linear-gradient('top', #000000 100%, #000000 100%); background: -moz-linear-gradient('top', #000000 100%, #000000 100%); background: -o-linear-gradient('top', #000000 100%, #000000 100%); background: -ms-linear-gradient('top', #000000 100%, #000000 100%); background: linear-gradient(to bottom, #000000 100%, #000000 100%); } a.ctasecondary:hover, input.ctasecondary:hover, span.ctasecondary:hover { background: #393a3d; background: -webkit-linear-gradient(top, #393a3d 100%, #393a3d 100%); background: -moz-linear-gradient(top, #393a3d 100%, #393a3d 100%); background: -o-linear-gradient(top, #393a3d 100%, #393a3d 100%); background: -ms-linear-gradient(top, #393a3d 100%, #393a3d 100%); background: linear-gradient(to bottom, #393a3d 100%, #393a3d 100%); } a.ctasecondary:active, input.ctasecondary:active, span.ctasecondary:active { background: #393a3d; background: -webkit-linear-gradient(top, #393a3d 100%, #393a3d 100%); background: -moz-linear-gradient(top, #393a3d 100%, #393a3d 100%); background: -o-linear-gradient(top, #393a3d 100%, #393a3d 100%); background: -ms-linear-gradient(top, #393a3d 100%, #393a3d 100%); background: linear-gradient(to bottom, #393a3d 100%, #393a3d 100%); } a.ctasecondary.full-width, input.ctasecondary.full-width, span.ctasecondary.full-width { width: 100%; max-width: 100%; text-align: center; box-sizing: border-box; } a.ctatertiary.full-width, input.ctatertiary.full-width, span.ctatertiary.full-width { width: 100%; max-width: 100%; text-align: center; box-sizing: border-box; padding-right: 0; padding-left: 0; } a.ctaprimary { max-width: 290px; } a.ctasecondary { max-width: 370px; } a.ctatertiary, input.ctatertiary, span.ctatertiary { color: #365ebf; font-size: 14px; line-height: 1.8em; border: 1px solid #dedede; background: #f0f0f0; background: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background: -o-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background: -ms-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background: linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%); } .ctatertiary:hover { background: #fff; } a.ctatertiary:active, input.ctatertiary:active, span.ctatertiary:active { background: #e0e0e0; background: -webkit-linear-gradient(top, #e0e0e0 0%, #eeeeee 100%); background: -moz-linear-gradient(top, #e0e0e0 0%, #eeeeee 100%); background: -o-linear-gradient(top, #e0e0e0 0%, #eeeeee 100%); background: -ms-linear-gradient(top, #e0e0e0 0%, #eeeeee 100%); background: linear-gradient(to bottom, #e0e0e0 0%, #eeeeee 100%); } a.ctacenter { margin: 0 auto; } a.ctacenter.ctaplain { display: block; text-align: center; } div.cta-align-left { text-align: left; } div.cta-align-right { text-align: right; } div.cta-align-center { text-align: center; } footer { margin-top: 60px; background-color: #f5f5f5; box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.3); } .footer-sprite, .footer-icon-twitter, .footer-icon-facebook, .footer-icon-youtube, .footer-icon-gplus, .footer-icon-linkedin, .footer-icon-global, .footer-icon-instagram, .footer-icon-global:hover, .footer-icon-linkedin:hover, .footer-icon-gplus:hover, .footer-icon-twitter:hover, .footer-icon-facebook:hover, .footer-icon-youtube:hover, .footer-icon-instagram:hover { background-image: url('https://quickbooks.intuit.com/etc/designs/harmony/images/global-sprite-fallback.png'); background-image: url('https://quickbooks.intuit.com/etc/designs/harmony/images/global-sprite.svg'); background-repeat: no-repeat; width: 19px; height: 19px; } /* @group Site Cooler Footer */ .site-cooler-footer { width: 1000px; margin: 0px auto; padding: 20px 0 16px 0; } .site-cooler-footer a, .site-cooler-footer a:visited { font-size: 12px; text-decoration: none; } .site-cooler-footer a span:hover, .site-cooler-footer a:visited span:hover { text-decoration: none; } .site-cooler-footer a:hover, .site-cooler-footer span:hover { text-decoration: underline; color: #365ebf; } /* @group Site Footer */ .site-footer, .footer-global-watercooler { margin: 0 auto; width: 940px; } .footer-global-watercooler a { color: #202020; } .site-footer h5 { color: #505050; font-size: 13px; font-weight: bold; margin: 0; } .site-footer ul { margin: 11px 0 0 0; } .site-footer li { line-height: 20px; list-style-type: none; margin: 0; } /* @end */ /* @group Footer Water Cooler */ .footer-global { line-height: 18px; padding-top: 2px; text-align: right; } .footer-global-hr { background-color: #ebebeb; border: none; color: #ebebeb; height: 1px; margin: 10px 0; } .footer-global ul { float: right; margin: 0; padding: 0; } .footer-global li, .two-grp li, .one-grp li { color: #505050; float: left; font-size: 12px; list-style: disc; margin-left: 22px; } .footer-global li:first-child, .footer-legal-content li:first-child, .two-grp li:first-child, .one-grp li:first-child { list-style: none; margin-left: 0; vertical-align: text-top; } .footer-icon-twitter { background-position: -529px -70px; } .footer-icon-twitter:hover { background-position: -529px -100px; } .footer-icon-facebook { background-position: -500px -70px; } .footer-icon-facebook:hover { background-position: -500px -100px; } .footer-icon-linkedin { background-position: -620px -70px; } .footer-icon-linkedin:hover { background-position: -620px -100px; } .footer-icon-youtube { background-position: -590px -70px; } .footer-icon-instagram { background-position: -206px -713px; } .footer-icon-youtube:hover { background-position: -590px -100px; } .footer-icon-gplus { background-position: -560px -70px; } .footer-icon-gplus:hover { background-position: -560px -100px; } .footer-icon-instagram:hover { background-position: -206px -762px; } .footer-icon-global { background-position: -680px -70px; margin-right: 4px; } .footer-global-select-country span { vertical-align: top; } .footer-global-select-country:hover img { background-position: -680px -100px; } .footer-watercooler ul { list-style: none; } .footer-watercooler li { float: left; list-style-type: none; margin-left: 5px; width: 20px; } /* @end */ /* @end */ /* @group Legal and Closing */ .footer-intuit-logo { height: 24px; width: 351px; background-position: -495px 0px; } .footer-legal { background-color: #365ebf; color: #fff; width: 100%; padding: 30px 0 35px; overflow: hidden; } .footer-legal-content { margin: 0 auto; width: 940px; } .footer-legal-content ul { float: right; margin: 0; padding: 0; } .footer-legal-content li { color: #fff; font-size: 12px; float: left; list-style: disc; border: solid rex 1px; margin-left: 22px; } .footer-legal-content .copyright { padding-top: 30px; } .footer-legal-copy, .footer-legal-copy span, .footer-legal-link { color: #fff; font-size: 12px; font-weight: bold; line-height: 18px; margin: 0; } a.footer-legal-link, a.footer-legal-link:active, a.footer-legal-link:visited { text-decoration: none; color: #fff; } a.footer-legal-link:hover { text-decoration: underline; } .footer-legal-truste-logo-container { text-align: right; } .footer-legal-copyright { font-size: 13px; font-weight: bold; } .footer-truste-logo { background-position: -498px -31px; height: 31px; width: 102px; } /* @end */ /* @end */ .two-grp div:first-child { margin-bottom: 5px; } .two-grp ul, .one-grp ul { float: left; margin: 7px 0 5px 0; } /* Start of Footer Watercooler Boilerplate */ .watercooler-boiler .span2 { padding-top: 17px; } .watercooler-boiler .ctext a { color: #202020; } .watercooler-boiler .ctext a:hover { color: #365EBF; text-decoration: underline; } .watercooler-boiler .ccontainer a:hover { text-decoration: none; } .watercooler-boiler watercooler-boiler-nav { margin-left: 20px; min-height: 1px; } .watercooler-boiler .watercooler-boiler-link { width: 540px; line-height: 18px; padding-top: 2px; text-align: right; margin-left: 20px; min-height: 1px; font-size: 12px; } .watercooler-boiler .watercooler-boiler-link ul { display: inline-block; padding-top: 0px; } .watercooler-boiler .watercooler-boiler-link li { float: left; margin-left: 20px; list-style: disc outside none; display: list-item; } .watercooler-boiler .watercooler-boiler-link li:hover { text-decoration: underline; } .watercooler-boiler .watercooler-boiler-link li:first-child { list-style: none; } .watercooler-boiler .watercooler-boiler-country .ctext { display: inline-block; font-size: 12px; } .watercooler-boiler .watercooler-boiler-country span { vertical-align: top; } .watercooler-boiler .footer-icon-global { cursor: pointer; } .watercooler-boiler .watercooler-boiler-country:hover .footer-icon-global { background-position: -680px -100px; } .watercooler-boiler .watercooler-boiler-country:hover a { color: #365EBF; text-decoration: underline; } .watercooler-boiler { border-top: 1px solid #EBEBEB; } .watercooler-boiler .span2, .watercooler-boiler .span8 { padding: 10px 0 15px; } /* End of Footer Watercooler Boilerplate */ .bridge-site-footer { padding-top: 45px; } .bridge-site-footer a { color: #202020; } .bridge-site-footer a:hover { color: #365ebf; } .bridge-site-footer .ctext h5 { font-size: 14px; } .bridge-site-footer .ctext ul { margin-left: 0; margin-top: 15px; } .bridge-site-footer .ctext ul li { list-style-type: none; } .bridge-site-footer .ctext ul li a { font-size: 12px; } .bridge-footer-media { text-align: right; } .bridge-footer-media a { display: inline-block; margin-left: 2px; } .bridge-watercooler-boiler { padding-top: 6px; padding-bottom: 55px; } .bridge-watercooler-boiler .content-container { border-top: 1px solid #ccc; padding-top: 12px; } .bridge-watercooler-boiler .content-container a { color: #202020; font-size: 12px; } .bridge-watercooler-boiler .content-container a:hover { color: #365ebf; } .bridge-watercooler-boiler .content-container .ctext ul { margin-top: 4px; } .bridge-watercooler-boiler .content-container .ctext ul li { float: left; margin-left: 20px; margin-right: 5px; } .bridge-watercooler-boiler .content-container .ctext ul li:hover { text-decoration: underline; } .bridge-watercooler-boiler .content-container .ctext ul li:first-child { list-style: none; margin-left: 0; } .bridge-watercooler-boiler .content-container .ctext ul li:last-child { margin-right: 0; } .bridge-watercooler-boiler .content-container .ctext p { margin-top: 4px; } .bridge-watercooler-boiler .content-container .ctext p a.footer-icon-global { width: 114px; padding: 3px 0 3px 23px; margin-right: 0; } .bridge-watercooler-boiler .content-container .ctext p a:hover { background-position: -680px -100px; } .bridge-watercooler-boiler .content-container input[type="text"] { width: 170px; box-sizing: border-box; line-height: normal; } .bridge-watercooler-boiler .content-container input[type="submit"] { left: 147px; } .bridge-watercooler-boiler .content-container input:focus::-webkit-input-placeholder { color: transparent; } .bridge-watercooler-boiler .content-container input:focus:-moz-placeholder { color: transparent; } .bridge-watercooler-boiler .content-container input:focus::-moz-placeholder { color: transparent; } .bridge-watercooler-boiler .content-container input:focus:-ms-input-placeholder { color: transparent; } footer .bridge-watercooler-boiler .ctext ul li { display: list-item; } .ctext-top-padding { padding-top: 54px; } .ctext { margin: 0; } .ctext .link { color: #0077c5; } .ctext button { font-family: 'FS Albert Web 300', 'FS Albert Web', Calibri, 'Trebuchet MS', sans-serif; font-size: 26px; text-align: left; color: #365ebf; background: none; margin: 0px; padding: 0px; border: none; cursor: pointer; outline: none 0px; text-align: center; padding-top: 72px; padding-bottom: 54px; -moz-user-select: text; } .ctext button:hover { text-decoration: underline; } .ctext ul, .ctext-nopadding ul, .ctext ol, .ctext-nopadding ol { margin-left: 15px; padding-top: 17px; } .ctext li, .ctext-nopadding li { line-height: 24px; } .ctext ul > li, .ctext-nopadding ul > li { list-style-type: disc; } .ctext .text-white, .ctext-nopadding .text-white { color: #ffffff; } .ctext .text-grey, .ctext-nopadding .text-grey { color: #808080; } @media (max-width: 767px) { .textalign-left-xs .ctext { text-align: left; } .textalign-center-xs .ctext { text-align: center; } .textalign-right-xs .ctext { text-align: right; } .footer-legal-content .copyright .span8.col-md-8 { width: 100%; max-width: 400px; } } @media (min-width: 768px) and (max-width: 1023px) { .textalign-left-sm .ctext { text-align: left; } .textalign-center-sm .ctext { text-align: center; } .textalign-right-sm .ctext { text-align: right; } } @media (min-width: 1023px) { .textalign-left-md .ctext { text-align: left; } .textalign-center-md .ctext { text-align: center; } .textalign-right-md .ctext { text-align: right; } } .table-style-2 { border: 0; border-collapse: collapse; font: 16px Helvetica, "Helvetica Neue", Arial, sans-serif; } .table-style-2 tr { border-bottom: 1px solid #969696; } .table-style-2 tr td { padding-right: 20px; padding-top: 20px; padding-bottom: 20px; vertical-align: top; } .table-style-2 tr:last-child { border-bottom: 0px solid #969696; } .cimage .img-right { float: right; } .cimage .img-center { margin: 0 auto; display: block; } .cimage .img-text-align { margin-top: 42px; } .cimage .img-border-width-small { border: 2px solid #3f6dc9; } .cimage .img-border-width-medium { border: 4px solid #3f6dc9; } .cimage .img-border-width-large { border: 6px solid #3f6dc9; } .cimage .img-rounded { border-radius: 6px; } .cimage .img-circle { border-radius: 50%; } .cimage .enable-hover:hover { opacity: 0.5; } .logo-quickbooks-185x40 { width: 185px; height: 40px; background-position: -229px -20px; } .logo-quickbooks-branding-185x40 { width: 185px; height: 40px; background-position: -250px -698px; } .logo-payroll-branding-185x40 { background-position: -252px -800px; display: block; height: 43px; width: 170px; } .logo-icom-168x49 { width: 88px; height: 30px; background-position: 0px 0px; } .logo-payroll-64x25 { width: 64px; height: 25px; background-position: -4px -136px; } .logo-payments-183x18 { width: 183px; height: 18px; background-position: -230px -100px; } .burst-icon-72x72 { width: 75px; height: 75px; background-position: 0px -602px; } .chevron-r-icon-8x12 { width: 8px; height: 15px; background-position: -82px -447px; } .chevron-d-icon-8x12 { width: 11px; height: 15px; background-position: -80px -394px; } /* FONTS FOR ON PAGE NAV */ @font-face { font-family: 'intuit-harmony-marketing'; src: url('https://quickbooks.intuit.com/etc/designs/harmony/fonts/harmony_marketing/intuit-harmony-marketing.eot?iwsa8e'); src: url('https://quickbooks.intuit.com/etc/designs/harmony/fonts/harmony_marketing/intuit-harmony-marketing.eot?#iefixiwsa8e') format('embedded-opentype'), url('https://quickbooks.intuit.com/etc/designs/harmony/fonts/harmony_marketing/intuit-harmony-marketing.woff?iwsa8e') format('woff'), url('https://quickbooks.intuit.com/etc/designs/harmony/fonts/harmony_marketing/intuit-harmony-marketing.ttf?iwsa8e') format('truetype'), url('https://quickbooks.intuit.com/etc/designs/harmony/fonts/harmony_marketing/intuit-harmony-marketing.svg?iwsa8e#intuit-harmony-marketing') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'intuit-harmony-marketing'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 32px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-Binoculars:before { content: "\e609"; } .icon-Chat:before { content: "\e60a"; } .icon-Question:before { content: "\e60b"; } .icon-Star:before { content: "\e60c"; } .icon-Wrench:before { content: "\e60d"; } .icon-Accountant:before { content: "\e600"; } .icon-Check:before { content: "\e601"; } .icon-Cloud:before { content: "\e602"; } .icon-Display:before { content: "\e603"; } .icon-FoodTruck:before { content: "\e604"; } .icon-Overview:before { content: "\e605"; } .icon-Price:before { content: "\e606"; } .icon-Tech:before { content: "\e607"; } .icon-User:before { content: "\e608"; } .icon-Quickopedia:before { content: "\e60e"; } .ctextimage { margin: 0; } .ctextimage .img-left { float: left; margin-right: 20px; } .ctextimage .img-right { float: right; margin-left: 20px; } .ctextimage.clearfix .ctext { margin: 0; } .ctextimage.nowrap { display: table; } .ctextimage.nowrap img, .ctextimage.nowrap > div { display: table-cell; vertical-align: top; } .cdisclosure { background-color: #eee; font-size: 12px; line-height: 18px; margin-top: 54px; padding: 11px 20px; } .cdisclosure .hide-disclosure { display: none; } .cdisclosure .toggle-disclosure, .cdisclosure .show-disclosure { display: block; } .cdisclosure a:hover { text-decoration: underline; } .cdisclosure a.toggle-disclosure { display: inline-block; } .cdisclosure p { padding-top: 24px; } .cdisclosure h4 { font-weight: bold; margin-top: 42px; font-size: 12px; } .cdisclosure .cdisclosure-text ol { margin: 20px 0 0 20px; } .cdisclosure ul li { list-style-type: disc; } .cdisclosure ol li { list-style-type: decimal; } .disclosure-nomargin { margin-top: 0px; } .cbanner + .ccontainer .cdisclosure { margin-top: 0; } .cmodal-page { overflow: hidden; height: 531px; overflow-y: auto; } .modal-container .cdisclosure { background-color: inherit; margin-top: 0; height: 22px; } /* FOR PRICING TABLE */ .ctabs { margin-bottom: 30px; } .ctabs .ctextimage { margin: 0; } .ctabs .ctextimage.nowrap > div { vertical-align: middle; } .ctabs .tabwidth1 { width: 156px; height: 52px; } .ctabs .tabwidth1.active { height: 54px; } .ctabs .tabwidth2 { padding: 0 10px; height: 32px; } .ctabs .tabwidth2 div.ctext p { line-height: 32px; } .ctabs .tabwidth2.active { height: 34px; } .ctabs .tabwidth2.active .ctext p.hasimage { margin-top: -27px; } .ctabs .ctext p.hasimage { margin: 30px 0 0 10px; } /**************/ /* TABS WITH TITLE */ ul.tabs { font-size: 0; list-style: none; text-align: center; } ul.tabs li { cursor: pointer; outline: none; display: inline-block; border: 1px solid #7aa831; background: transparent; background: -webkit-linear-gradient(center top, #95cd3c 0%, #87b937 100%); background: -moz-linear-gradient(center top, #95cd3c 0%, #87b937 100%); background: -o-linear-gradient(center top, #95cd3c 0%, #87b937 100%); background: -ms-linear-gradient(center top, #95cd3c 0%, #87b937 100%); background: linear-gradient('to bottom', #95cd3c 0%, #87b937 100%); } ul.tabs li:last-child { border-radius: 0 2px 2px 0; } ul.tabs li:first-child { border-radius: 2px 0 0 2px; border-right: 0px; } ul.tabs li.active { border: none; -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.65); -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.65); box-shadow: inset 0 1px 3px rgba(0,0,0,0.65); background: #75a60d; } ul.tabs li.active p { color: #ffffff; } ul.tabs .centering-div { display: table; height: 100%; width: 100%; } ul.tabs .centering-div .ctext { vertical-align: middle; display: table-cell; } ul.tabs .centering-div .ctext p { color: #ffffff; } ul.tabs .centering-div .ctext p.tab_subtitle { display: none; } ul.std-tabs li { width: 156px; height: 54px; border: 1px solid #ddd; background: transparent; background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background: linear-gradient('to bottom', #ffffff 0%, #f2f2f2 100%); } ul.std-tabs li .centering-div .ctext p { color: #393a3d; } ul.std-tabs li:last-child { border-right: 1px solid #ddd; } ul.std-tabs li.active { background: rgba(0, 0, 0, 0.2); height: 56px; } ul.std-tabs li.active .centering-div .ctext p { color: #ffffff; } ul.pricing-tabs li { width: 185px; background-color: rgba(0, 0, 0, 0.2); height: 34px; } ul.pricing-tabs li.active { color: #ffffff; background-color: #75a60d; } .centering-div { display: table; } .cfeatures-tabbed ul { list-style: none; } /* content displayed when each tab is active*/ .content-block .resp-midtab-title { display: none; } /* BEGIN RESPONSIVE TABS */ .responsive_tabs { /* this is the tabs with title & subtitle*/ /* this content displayed when each tabbed is active*/ } .responsive_tabs .ctabs { margin: 0; } .responsive_tabs ul.resp_tabs { list-style: none; margin: 0; text-align: left; } .responsive_tabs ul.resp_tabs .ccontainer { border: 1px solid #9caab0; background-color: #ffffff; } .responsive_tabs ul.resp_tabs li { background-image: none; border: none; cursor: pointer; display: inline-block; height: 80px; outline: none; } .responsive_tabs ul.resp_tabs li .centering-div { border: 1px solid #9caab0; border-top: 6px solid #aaaaaa; background-color: #e6e6e6; display: table; height: 100%; padding: 0; width: 100%; } .responsive_tabs ul.resp_tabs li .centering-div .ctext { display: table-cell; padding: 0 8px; vertical-align: middle; } .responsive_tabs ul.resp_tabs li .centering-div .ctext p { color: #2ca01c; font: 500 20px/26px "FS Albert Web 100", "FS Albert Web", "Calibri", "Trebuchet MS", sans-serif; } .responsive_tabs ul.resp_tabs li .centering-div .ctext p.tab_subtitle { color: #202020; font: bold 14px/18px "Helvetica Neue", Helvetica, Arial, sans-serif; display: block; } .responsive_tabs ul.resp_tabs li.active { background-color: inherit; background-image: none; border-width: 0; box-shadow: none; -webkit-box-shadow: none; z-index: 1000; } .responsive_tabs ul.resp_tabs li.active .centering-div { background-color: #ffffff; border-top: 6px solid #2ca01c; border-bottom: 1px solid #ffffff; } .responsive_tabs .content-block { border: 1px solid #9caab0; margin-top: -1px; padding: 10px; } .responsive_tabs .content-block .resp-midtab-title { display: none; } /*tablet 2*/ @media (max-width: 767px) { .responsive_tabs { height: auto; } .responsive_tabs ul.resp_tabs { display: none; } .responsive_tabs .content-block .resp-midtab-title { background-color: #2ca01c; color: #ffffff; display: block; margin: 4px 0; padding: 20px 0 20px 10px; } .responsive_tabs .content-block .resp-midtab-title .chevron-r-icon-8x12 { background-position: 0 -570px; visibility: visible; width: 29px; height: 17px; position: absolute; right: 25px; } .responsive_tabs .content-block .resp-midtab-title p { color: #ffffff; font: bold 16px/22px "FS Albert Web 100", "FS Albert Web", "Calibri", "Trebuchet MS", sans-serif; } .responsive_tabs .content-block .resp-midtab-title p.tab_subtitle { font-size: 14px; font-weight: normal; line-height: 16px; } .responsive_tabs .content-block .resp-midtab-title.active .chevron-r-icon-8x12 { background-position: -40px -570px; } } /* END RESPONSIVE TABS */ .ctabs-headings { z-index: 1000; padding: 47px 48px 32px 30px; position: absolute; background: #f5f5f5; } .ctabs-headings h1 { font-size: 46px; font-family: "FS Albert Web 300", "FS Albert Web", "Calibri", "Trebuchet MS", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 300; } .ctabs-headings h1, .ctabs-headings h2 { padding: 0; } .ctabs-headings .headings, .ctabs-headings .tabs { height: 55px; position: relative; top: 5px; } .ctabs-headings ul.tabs li { background: #ffffff; background: -webkit-linear-gradient(top, #ffffff 0%, #e8e8e8 100%); background: -moz-linear-gradient(top, #ffffff 0%, #e8e8e8 100%); background: -o-linear-gradient(top, #ffffff 0%, #e8e8e8 100%); background: -ms-linear-gradient(top, #ffffff 0%, #e8e8e8 100%); background: linear-gradient(to bottom, #ffffff 0%, #e8e8e8 100%); border-color: #aaaaaa; } .ctabs-headings ul.tabs li.active { background: #969696; color: #ffffff; } .ctabs-headings ul.tabs li.active div.ctext p { color: #ffffff; } .ctabs-headings ul.tabs li:first-child .tab-icons { background-position: -690px -552px; } .ctabs-headings ul.tabs li:first-child.active .tab-icons { background-position: -690px -592px; } .ctabs-headings ul.tabs li:first-child + li .tab-icons { background-position: -648px -552px; } .ctabs-headings ul.tabs li:first-child + li.active .tab-icons { background-position: -648px -592px; } .ctabs-headings .tab-icons { height: 30px; width: 30px; } .ctabs-headings .tab-icons + p { margin-left: 10px; } .ctabs-headings .ctabs div.ctext p { float: left; color: #393a3d; } .cq-headings .ctabs-headings { position: relative; } .ctabs-headings.fixed { position: fixed; top: 0; } .cq-wcm-edit .cmodal-resize-auqb-modal-main-container .qbsubmodal-text { margin-left: 0px !important; } .cq-wcm-edit .cmodal-page { height: auto; } #basic-modal-content { display: none; } body { /*-webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px;*/ } /* Overlay */ #simplemodal-overlay { background-color: #000; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; transition: opacity .5s; } #simplemodal-overlay.show { opacity: .7; filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } /* Container */ #simplemodal-container { height: auto; width: 700px; background-color: #fff; overflow: auto; opacity: 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: scale(0.5) rotateX(40deg); -moz-transform: scale(0.5) rotateX(40deg); -ms-transform: scale(0.5) rotateX(40deg); transform: scale(0.5) rotateX(40deg); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; } #simplemodal-container a.modalCloseImg { background-position: -500px -400px; width: 20px; height: 20px; display: inline; z-index: 3200; position: absolute; top: 24px; right: 24px; cursor: pointer; } #simplemodal-container a.modalCloseImg:hover { background-position: -500px -440px; } #simplemodal-container.show { opacity: 1; -webkit-transform: scale(1) rotateX(0deg); -moz-transform: scale(1) rotateX(0deg); -ms-transform: scale(1) rotateX(0deg); transform: scale(1) rotateX(0deg); } /* modal page */ .cmodal-page { background-color: white; width: 700px; margin: 0 auto; } .cmodal-page .modal-container { width: 620px; margin: 0 auto; } .cmodal-page h1 { padding: 24px 0; margin-left: -5px; } .cmodal-page h2 { padding: 24px 0; margin-left: -5px; } .cmodal-page p + p { padding: 16px 0 0; } .cmodal-page .p1 { font-family: "FS Albert Web 300", "FS Albert Web", "Calibri", "Trebuchet MS", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 300; font-size: 21px; margin-top: 15px; } .cmodal-page .crossed { text-decoration: line-through; color: #999; } .cmodal-page .ccta { display: inline-block; min-width: 120px; } .cmodal-page .card-container { background-color: #edeef0; margin-top: 16px; padding: 20px 0 15px; } .cmodal-page .continue_link { float: right; font-size: 18px; font-weight: normal; margin: 20px 0; } .cmodal-page .cdisclosure { font-size: 14px; padding: 26px 0; } .cmodal-page .info-modal { padding-bottom: 40px; } .cmodal-page .info-modal .creview .p1 { font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; font-size: 16px; font-weight: bold; padding: 10px 0 0; } .cmodal-page .info-modal .creview .rating-stars { margin-top: -16px; } .cmodal-page .info-modal .creview .ctext { padding: 15px 0 0; } .cmodal-page .sui-modal h1, .cmodal-page .sui-modal h2 { margin-left: 0; padding: 8px 0; } .cmodal-page .sui-modal .cform { padding: 0 20px; } .cmodal-page .sui-modal .ctext { padding: 5px 10px 10px 10px; } .cmodal-page .sui-modal .grid { padding: 15px; } .cmodal-page .sui-modal .row > .span6 { width: 47.1%; } /** * this class is added to the body when a modal window is activated * to prevent page body from scrolling; it is removed when the modal * window is closed */ .modal-open { overflow: hidden; } /** * Imported CSS for GEO IP Targeting * */ #geo-ip-redirect-popup h2 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 30px; font-weight: bold; color: #f0643b; margin-bottom: 18px; text-align: center; } #geo-ip-redirect-popup p { font-size: 18px; margin-bottom: 18px; } #geo-ip-redirect-popup .button { text-align: left; } #geo-ip-redirect-popup .no-thanks { display: inline-block; margin: 6px 0 0 70px; font-size: 18px; } #geo-ip-redirect-popup .goto-site { float: right; margin-right: 80px; } @media only screen and (min-width: 320px) and (max-width: 767px) { #geo-ip-redirect-popup .no-thanks { margin-left: 0; } #geo-ip-redirect-popup .button { margin: 0 auto; width: 270px; } #geo-ip-redirect-popup .goto-site { margin-right: 0; } #geo-ip-redirect-popup p { margin-left: 16%; margin-right: 14%; } } /** * CSS rules for labor law modal * */ .modal-labor-law select#static_dropdown { margin-left: 250px; margin-top: 10px; width: 200px; height: 30px; border: 1px solid #000000; padding-left: 5px; } .modal-labor-law .modal-heading { margin: 24px 40px; } .modal-labor-law .body-container .ctext { margin-left: 250px; } .modal-labor-law .footer-container .ccta { margin: 25px 0px 25px 285px; } .modal-labor-law .card-container { padding: 40px 0px; } .modal-labor-law .body-container { padding: 40px 0px; background-color: #eee; } .modal-labor-law .message_box { position: relative; background: none repeat scroll 0 0 #DC3C1E; width: 189px; height: 25px; color: #FFFFFF; font-size: 12px; font-weight: normal; margin: 10px 0px 0px 250px; padding: 10px 0px 0px 10px; z-index: 0; } .modal-labor-law .message_box:after, .modal-labor-law .message_box:before { bottom: 40%; left: 15%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; z-index: -999; } .modal-labor-law .message_box:after { border-color: rgba(136, 183, 213, 0); border-bottom-color: #DC3C1E; border-width: 30px; margin-left: -30px; } .modal-labor-law .message_box:before { margin-left: -36px; } /*todo: get standard size from XD and make class name standard instead of specific */ /* add list select of default styles available in contaier */ /*todo: RTE h1 sizing should be standardized at font / base level */ .cmodal-resize-ifs-form { width: 350px; height: auto; padding: 10px; } .cmodal-resize-ifs-form .ctext { padding: 15px 15px 5px 15px; } .cmodal-resize-ifs-form .ctext h1.h3 { font-size: 30px; padding: 0 0 12px 0; } /* CSS for Intuit Online Payroll Modal */ .cmodal-resize-iop-modal-main-container .h1 { display: block; margin-left: 39px; padding-bottom: 15px; } .cmodal-resize-iop-modal-main-container .iop-sui-modal-form-section { padding: 0; } .cmodal-resize-iop-modal-main-container .iop-sui-modal-form-section .bg-grey { padding: 0 40px; } .cmodal-resize-iop-modal-main-container .iop-sui-modal-form-section .bg-grey .add-margin-left { margin-left: 0; } .cmodal-resize-iop-modal-main-container .iop-sui-modal-form-section .bg-grey label.label-right { font-size: 20px; } .cmodal-resize-iop-modal-main-container .iop-sui-modal-form-section .bg-grey .dotted-separator { border-top: 1px dotted #ccc; margin-left: 20px; margin-top: 35px; padding: 10px 0 0; width: 550px; } .cmodal-resize-iop-modal-main-container .iop-sui-modal-form-section .bg-grey .dotted-b-separator { width: 600px; } .cmodal-resize-iop-modal-main-container .iop-sui-modal-form-section .bg-grey .iop-modal-e-prices, .cmodal-resize-iop-modal-main-container .iop-sui-modal-form-section .bg-grey .iop-modal-b-prices { line-height: 24px; margin-left: 27px; } .cmodal-resize-iop-modal-main-container .iop-sui-modal-form-section .bg-grey .iop-modal-prices-text .ctext ul { list-style: none; padding-top: 0; /*bullet section */ } .cmodal-resize-iop-modal-main-container .iop-sui-modal-form-section .bg-grey .iop-modal-prices-text .ctext ul li { list-style: none; } .cmodal-resize-iop-modal-main-container .iop-sui-modal-form-section .bg-grey .iop-modal-prices-text .ctext ul li:before { content: "•"; color: #0098cd; font-size: 20px; margin-right: 7px; margin-left: -16px; } .cmodal-resize-iop-modal-main-container .iop-sui-modal-form-section .img-right { position: absolute; top: -55px; left: 240px; } .cmodal-resize-iop-modal-main-container .iop-sui-modal-form-section input[type='radio'] { top: -2px; } .cmodal-resize-iop-modal-main-container .iop-sui-modal-form-section input[type='submit'] { margin-left: 530px; padding-top: 1px; width: 106px; } /* CSS for Are you using QB Modal */ .cmodal-resize-auqb-modal-main-container .h1 { display: block; margin-left: 39px; padding-bottom: 15px; } .cmodal-resize-auqb-modal-main-container .qb-modal-form-section { padding: 0; display: block; } .cmodal-resize-auqb-modal-main-container .qb-modal-form-section .bg-grey { padding: 0 40px; } .cmodal-resize-auqb-modal-main-container .qb-modal-form-section .bg-grey .cform-field.span6 { float: none; } .cmodal-resize-auqb-modal-main-container .qb-modal-form-section .bg-grey label.label-right { font-size: 20px; font-weight: normal; } .cmodal-resize-auqb-modal-main-container .qb-modal-form-section .bg-grey .qbsubmodal-text { margin-left: -130px; font-size: 20px; font-weight: normal; } .cmodal-resize-auqb-modal-main-container .qb-modal-form-section input[type='radio'] { top: -2px; } .cmodal-resize-auqb-modal-main-container .qb-modal-form-section input[type='submit'] { margin-left: 530px; padding-top: 1px; width: 105px; } /* CSS for Auto Height For Global properties */ .cmodal-resize-auto-height { height: auto; } .cmodal-resize-1000-width { width: 1000px; } .cmodal-resize-550-height { height: 550px; } .cbanner { height: 80px; padding: 10px 0; } .cbanner .centered { height: 100%; display: table; margin: 0 auto; } .cbanner .banner-text { color: white; font-size: 24px; font-family: "FS Albert Web 300", "FS Albert Web", "Calibri", "Trebuchet MS", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 300; display: table-cell; vertical-align: middle; padding-right: 30px; } .cbanner .cta_container { display: table-cell; vertical-align: middle; } .cbanner .cta_container a.ctatertiary { width: 136px; } .bg-green { background-color: #95cd3b; } .bg-blue { background-color: #0098cd; } /**** HAS TO BE MOVED OUT OF BANNER.LESS **/ #cbadge { margin: 30px 0 54px 0; } #cbadge .ctext { vertical-align: middle; } #cbadge .ctext p { color: #0098cd; font-weight: bold; } .ctext-icon { display: inline-block; margin: 55px 0 0 20px; width: 168px; vertical-align: top; } .callout { border-radius: 2px; padding: 10px; } .bg-white { background-color: #ffffff; } /* Horizontal CTA */ .margin10 { margin: 10px; } .sidebyside { display: inline-block; } .nosidebyside { display: block; } .ctawrapperleft { text-align: left; } .ctawrapperright { text-align: right; } .ctawrappercenter { text-align: center; } .simplemodal-container .flash-preview, .simplemodal-container .cvideo { margin: 0 25px; } .simplemodal-container .flash-box { display: table; width: 100%; } .simplemodal-container .flash-box .flash-container { display: table-cell; text-align: center; vertical-align: middle; } .simplemodal-container .flash-box .cflash.hide { display: none; } .simplemodal-container .flash-box .cflash.show { display: block; margin: 0 25px; } .play-icon { height: 71px; position: absolute; width: 71px; z-index: 1; cursor: pointer; top: 40%; left: 40%; } .flash-preview { width: 410px; height: 231px; position: relative; } .promo-banner { position: relative; } .promo-banner .bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; overflow: hidden; } .promo-banner .bg a > img { height: auto; max-width: 1600px; overflow: hidden; } .promo-banner .bg a > img.center { left: 50%; margin-left: -50%; position: absolute; } .promo-banner .bg a > img.right { float: right; } .promo-banner > * { position: relative; } .spacer { width: 100%; padding-bottom: 54px; visibility: hidden; } .interspace_container { width: 100%; padding-bottom: 54px; } .interspace_divider { border-top: 1px solid #cccccc; margin-top: 72px; width: 100%; } .interspace_divider.small { margin-top: 54px; width: 80%; } .cvideo.responsive-video iframe { display: none; } .cvideo.responsive-video .poster { -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .cvideo.responsive-video .poster:hover { opacity: 0.8; filter: alpha(opacity=80); } .cvideo.responsive-video .poster img { cursor: pointer; width: 100%; } .responsive-video .simplemodal-wrap { overflow-y: hidden !important; background-color: #000; } .responsive-video#simplemodal-container a.modalCloseImg { top: 12px; right: 12px; } .responsive-video#simplemodal-container a.modalCloseImg:hover { background-position: -500px -400px; } .cq-wcm-edit .cvideo { padding-bottom: 30px; background-color: #eee; } .video-ratings { text-align: center; } .thumpsup-icon { background-image: url('https://quickbooks.intuit.com/etc/designs/harmony/images/thumb-sprite.svg'); background-image: none, url('https://quickbooks.intuit.com/etc/designs/harmony/images/thumb-sprite-fallback.png'); padding-left: 14px; width: 20px; height: 19px; background-position: 1px 1px; display: inline-block; } .youtube-views-text { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; color: #202020; padding-left: 8px; padding-right: 25px; } .youtube-views { font-family: "DIN Next W01 Medium"; font-size: 26px; color: #202020; letter-spacing: -0.06em; } .video-like-text { font-family: "DIN Next W01 Medium"; letter-spacing: -0.06em; color: #202020; font-size: 20px; padding-bottom: 10px; padding-right: 14px; padding-top: 8px; } .youtube-like-button { padding-bottom: 3px; padding-left: 14px; padding-right: 14px; margin-top: 0px; padding-top: 6px; } a.youtube-like-button:hover { border: 1px solid #365ebf; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; text-decoration: none; padding-left: 13px; padding-right: 13px; } a.youtube-like-button:hover .video-like-text { color: #365ebf; } a.youtube-like-button:hover .thumpsup-icon { background-position: 1px -19px; } a.likeed-by-user:hover .video-like-text { color: #2ca01c; } a.likeed-by-user .video-like-text { color: #2ca01c; } a.likeed-by-user:hover .thumpsup-icon { background-position: 1px -59px; } a.likeed-by-user .thumpsup-icon { background-position: 1px -59px; } a.likeed-by-user:hover { border: none; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; text-decoration: none; padding-left: 14px; padding-right: 14px; } .cproduct-selector { padding: 64px 0; /* .row { margin-left: 0; } */ } .cproduct-selector .options-form { padding: 52px 0; } .cproduct-selector .options-form label { display: block; text-align: center; padding: 0 10px; } .cproduct-selector .options-form label { position: relative; } .cproduct-selector .options-form label:before { content: ''; position: absolute; height: 33px; width: 33px; background: #e8e8e8; -webkit-border-radius: 4px; -webkit-background-clip: padding-box; -moz-border-radius: 4px; -moz-background-clip: padding; border-radius: 4px; background-clip: padding-box; border-top-color: #bbb; border-left-color: #bbb; border-top-width: 1px; border-left-width: 1px; border-bottom-width: 0; border-right-width: 0; border-style: solid; top: 45px; left: 40%; } .cproduct-selector .options-form label, .cproduct-selector .options-form label:before, .cproduct-selector .options-form label:after { box-sizing: border-box; -moz-box-sizing: border-box; } .cproduct-selector .options-form label:after { top: 47px; left: 41%; text-align: center; vertical-align: middle; position: absolute; display: block; background: #94cb33; color: #fff; height: 29px; width: 29px; padding-top: 7px; -webkit-border-radius: 4px; -webkit-background-clip: padding-box; -moz-border-radius: 4px; -moz-background-clip: padding; border-radius: 4px; background-clip: padding-box; border-top-color: #bbb; border-left-color: #bbb; border-top-width: 1px; border-left-width: 1px; border-bottom-width: 0; border-right-width: 0; font-family: FontAwesome; content: '\f00c'; } .cproduct-selector .options-form [type="checkbox"]:not(:checked) + label:after { opacity: 0; } .cproduct-selector .select-box { flex: 1 1 auto; float: left; margin: 0; width: 14%; border-right: 1px solid #efefef; height: 130px; } .cproduct-selector .select-box .fa { text-align: left; display: block; margin: 0 auto; width: 32px; font-size: 30px; margin-bottom: 20px; } .cproduct-selector .select-box [type="checkbox"] { visibility: hidden; } .cproduct-selector .select-box:last-child { border-right: none; } .cproduct-selector .boxes-2 { width: 40%; } .cproduct-selector .boxes-3 { width: 30%; } .cproduct-selector .boxes-4 { width: 23%; } .cproduct-selector .boxes-5 { width: 17%; } .cproduct-selector .boxes-6 { width: 15%; } .cproduct-selector .boxes-7 { width: 14%; } .cproduct-selector .product-block { padding: 32px 10px; display: none; } .cproduct-selector .product-block.default, .cproduct-selector .product-block.active { display: block; } .cproduct-selector .product-block-content .eCommerce-product-div .text1 .ctext { margin: 0px; } .flex-box { display: flex; flex-direction: row; } .fa-star { letter-spacing: 4px; } .cq-wcm-edit .cproduct-selector .product-block { display: block; } nav > header, .site-header { width: 100%; height: 88px; background-color: #fff; border-bottom: 1px solid #eee; } nav > header .ctext, .site-header .ctext { font-size: 12px; } nav > header .ctext ul, .site-header .ctext ul, nav > header .ctext ol, .site-header .ctext ol { margin-left: 0px; padding-top: 10px; display: inline-block; } nav > header .ctext ul, .site-header .ctext ul { /*.sub-menu>ul>li>a:hover { color: #fff; background-color: #365ebf; border-radius: 2px; }*/ } nav > header .ctext ul li, .site-header .ctext ul li { display: inline-block; margin: 0; vertical-align: top; } nav > header .ctext ul li .sub-menu a, .site-header .ctext ul li .sub-menu a { color: #202020; } nav > header .ctext ul li .sub-menu a, .site-header .ctext ul li .sub-menu a, nav > header .ctext ul li .sub-menu a:visited, .site-header .ctext ul li .sub-menu a:visited { padding-top: 13px; text-transform: uppercase; text-align: center; padding: 33px 3px 23px; } nav > header .ctext ul li .sub-menu:hover > a, .site-header .ctext ul li .sub-menu:hover > a { position: relative; z-index: 4; padding-bottom: 30px; border-bottom: 4px solid #365ebf; color: #365ebf; text-decoration: none; } nav > header .ctext ul li ul, .site-header .ctext ul li ul { height: 0; width: 0; display: none; margin: 0; padding: 0; overflow: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; font-size: 13px; list-style: none; position: absolute; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); z-index: 1001; background-color: #fff; border: 1px solid #ccc; border-radius: 2px; border-top-left-radius: 0; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } nav > header .ctext ul li ul li, .site-header .ctext ul li ul li { line-height: normal; } nav > header .ctext ul li ul li a, .site-header .ctext ul li ul li a { padding: 8px 10px; display: block; } nav > header .ctext ul li ul li a:hover, .site-header .ctext ul li ul li a:hover { color: #fff; background-color: #365ebf; border-radius: 2px; text-decoration: none; } nav > header .ctext ul li:hover ul, .site-header .ctext ul li:hover ul { display: block; height: auto; width: 240px; padding: 8px 5px 12px 5px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; transition: opacity 0.2s ease; margin-top: 29px; } nav > header .ctext .intuit-logo, .site-header .ctext .intuit-logo { background-image: none; } nav > header .ctext .intuit-logo > span, .site-header .ctext .intuit-logo > span { display: block; } footer .ctext ul, .site-footer .ctext ul, footer .ctext ol, .site-footer .ctext ol { margin-left: 0px; padding-top: 0px; } footer .ctext ul li, .site-footer .ctext ul li, footer .ctext ol li, .site-footer .ctext ol li { display: block; line-height: 20px; } footer .ctext ul li a, .site-footer .ctext ul li a, footer .ctext ol li a, .site-footer .ctext ol li a { font-size: 12px; } nav.site-footer { padding: 20px 0 10px; } .boiler-header .span5 { margin: 5px 0px 0px -10px; } .boiler-header .span3 { margin-top: -10px; margin-left: 20px; } .boiler-header .span4 { width: 250px; margin-top: -15px; margin-left: 100px; padding: 2px 0px 10px; } .boiler-header .span4 a.ctasecondary, .boiler-header .span4 a.ctasecondary:hover { background-position: right -29px, 0 0; font-size: 14px; line-height: 1.8em; padding-right: 10px; font-family: "Helvetica Neue", "Helvetica", "Arial", "sans-serif"; } .boiler-header .span4 .parbase ul, .boiler-header .span4 .parbase ul:hover { display: block; height: auto; width: 180px; opacity: 1; position: relative; } .boiler-header .span4 ul { height: 0; width: 0; display: none; margin: 0; padding: 0; overflow: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; font-size: 13px; list-style: none; position: absolute; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); z-index: 1001; background-color: #fff; border: 1px solid #ccc; border-radius: 2px; border-top-left-radius: 0; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .boiler-header .span4 ul li { line-height: normal; } .boiler-header .span4 ul li a { padding: 8px 10px; display: block; color: #202020; } .boiler-header .span4 ul li a:hover { color: #fff; background-color: #365ebf; border-radius: 2px; text-decoration: none; } .boiler-header .span4 .signin-hover { display: block; height: auto; width: 165px; padding: 8px 5px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; transition: opacity 0.2s ease; margin-left: 65px; margin-top: -10px; } .boiler-header .span4 .signin-hover li { padding-left: 0px; display: block; } .boiler-header .parbase .span3, .boiler-header .parbase .span4, .boiler-header .parbase .span5 { margin-left: 10px; margin-top: 10px; } .boiler-header .ctext li { line-height: 8px; } .boiler-header .ctext ul li { padding-left: 20px; } .boiler-header .ctext ul li .sub-menu:hover a { padding-bottom: 22px; } .boiler-header .ctext ul li ul li { padding-left: 0px; display: block; } .boiler-header .ctext ul li ul li a { color: #202020; } .melody-header .quickbooks-logo { margin-top: 32px; margin-bottom: 22px; } .melody-header .quickbooks-branding-logo { margin-top: 37px; margin-bottom: 22px; } .melody-header .melody-nav-links { margin-top: 38px; } .melody-header .melody-nav-links .ctext ul li .sub-menu a { color: #505050; } .melody-header .melody-nav-links .ctext ul li .sub-menu a, .melody-header .melody-nav-links .ctext ul li .sub-menu a:visited { padding-top: 0px; text-transform: none; text-align: center; padding: 0px 0px 0px; } .melody-header .melody-nav-links .ctext ul li .sub-menu:hover > a { border-bottom: 3px solid #2b9d1b; } .melody-header .melody-nav-links .ctext ul li ul { box-shadow: none; } .melody-header .melody-nav-links .ctext ul li ul li { font-size: 14px; } .melody-header .melody-nav-links .ctext ul li ul li a { color: #383838; padding: 4px 22px 5px; } .melody-header .melody-nav-links .ctext ul li ul li a:hover { color: #ffffff; background-color: #656565; border-radius: 0; } .melody-header .melody-nav-links .ctext ul li:hover ul { padding: 14px 0px 26px 0px; margin-top: 1.46%; } .melody-header .melody-nav-links .ctext > ul > li { padding-left: 0px; padding-right: 30px; font-size: 15px; } .melody-header .melody-nav-links .ctext li:hover > .sub-menu > a { position: relative; z-index: 4; padding-bottom: 0px; border-bottom: 3px solid #2b9d1b; text-decoration: none; } .melody-header .melody-nav-links.melody-signin-links { margin-top: 48px; text-align: right; } .melody-header .melody-nav-links.melody-signin-links .ctext ul li { text-align: left; } .melody-header .melody-nav-links.melody-signin-links .ctext ul li ul { margin-top: 7px; } .melody-header .melody-nav-links.melody-signin-links .ctext ul li .sub-menu a { color: #0077c5; } .melody-header .melody-nav-links.melody-signin-links .ctext ul li .sub-menu a:hover { text-decoration: none; } .melody-header .melody-nav-links.melody-signin-links .ctext ul li:last-child { padding-right: 0; } .melody-header .melody-nav-links.melody-signin-links .ctext ul li:last-child ul { right: 0; } /* Styles for shared page template */ .sharable-promo-banner .promo-banner { margin-bottom: 1px; } .sharable-hero .ctext, .sharable-hero .ctext .h2, .sharable-hero .ctext h2 { line-height: 50px; color: #fff; } .sharable-banner .banner-text .h3, .sharable-banner .banner-text h3 { color: #fff; } .sharable-pricing-section .pricing-card-content ul { margin-top: 2px; margin-left: 0px; } .header-right-col * { box-sizing: border-box; } .header-right-col .phone-icon, .chat-icon { background-image: url('https://quickbooks.intuit.com/etc/designs/harmony/images/global-sprite-fallback.png'); background-image: url('https://quickbooks.intuit.com/etc/designs/harmony/images/global-sprite.svg'); display: inline-block; height: 20px; margin: 10px 0 0 10px; width: 20px; } .header-right-col .chat-icon { background-position: -299px -399px; } .header-right-col .phone-icon { background-position: -269px -400px; } .header-right-col { position: fixed; right: 0; top: 201px; z-index: 10; } .phone-icon-section { top: 0; position: relative; z-index: 1000; } .phone-icon-content-section { float: left; } .for-sales-content-section .icon-bg-section { background: none; } .for-sales-content-section .for-sales-content { float: left; font-weight: normal; text-indent: 2px; white-space: nowrap; padding: 22px 8px 0; } .icon-bg-section { background: #355dbf; float: left; height: 40px; width: 40px; } .phone-icon-content { background-color: #fff; display: inline-block; float: right; font-weight: bold; padding: 8px 8px; position: relative; } .chat-icon-section { position: relative; z-index: 1000; } .chat-icon-section .blue-button { background-color: #fff; margin: 0; padding: 6px 13px; display: inline-block; } .chat-icon-section .blue-button a { padding: 4px 10px; } .chat-icon-container { margin-top: 7px; height: 39px; } .chat-button-container { background-color: #fff; display: inline-block; height: 40px; padding: 5px 8px; } .chat-button-container img { background-image: url('https://quickbooks.intuit.com/etc/designs/harmony/images/global-sprite-fallback.png'); background-image: url('https://quickbooks.intuit.com/etc/designs/harmony/images/global-sprite.svg'); display: block; height: 30px; margin: 0 auto; } .chat-button-container a.ctasecondary, .chat-button-container a.ctasecondary:hover { font-size: 14px; color: #fff; background-position: right -29px, 0 0; text-decoration: none; height: 26px; line-height: 1.8em; padding-top: 1px; padding-right: 12px; display: inline-block; } .phone-sticky-label { color: #fff; /* margin-top: 5px; */ position: relative; top: -14px; font-size: 8px; left: 10px; float: left; clear: both; } .chat-sticky-label { color: #fff; /* margin-top: 5px; */ position: relative; top: -7px; font-size: 8px; left: 12px; } .melody-img-position { position: relative; top: -6px; } .melody_style_sticky { top: 501px; } .melody-phone-fix { margin-bottom: -15px; } #chat-supportbox { position: fixed; top: 145px; right: 0; height: 140px; border: solid 2px #efefef; background: #FFFFFF; color: #000000; text-align: center; z-index: 1001; padding: 20px; /*background-color:rgba(255,255,255,0.99);*/ } #chat-supportbox p { font-size: 12px; margin-top: 5px !important; margin-bottom: 5px !important; } #chat-supportbox a.ctaa.ctasecondary { font-size: 14px; padding-top: 7px; } #chat-supportbox h3 { font-size: 20px; margin-top: 5px !important; margin-bottom: 5px !important; } @media only screen and (max-width: 1420px) { #chat-supportbox { top: 515px; } } @media only screen and (max-width: 1000px) { .chat-topposition { top: 635px; background: green; } .chat-bottomposition { bottom: 500px; background: red; } } .cq-wiz-edit-show { display: none; } .wizard .cpricing-card { text-align: center; } .wizard .cta-align-right { float: right; } .cq-wcm-edit .wizard .cta-align-right { float: none; } /* This is not the write way to handle the image We should revisit this */ .wizard img { width: auto; } .wizard ul li .checkmark { position: absolute; top: 0; left: 0; text-indent: -9999px; } .wizard ul li { list-style-type: none; position: relative; display: block; padding-left: 30px; } .wizard ul li, .cbulleted-list .contact ul li { margin-bottom: 15px; margin-bottom: 1.5rem; line-height: 1.45; } /* tooltip */ .tool-tip-container { position: relative; width: auto; height: auto; } .tool-tip, .image-tool-tip { text-shadow: none; background-color: #fff; color: #202020; visibility: hidden; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.25); font-size: 14px; line-height: 18px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; opacity: 0; z-index: 999; padding: 20px; position: absolute; cursor: default; min-width: 180px; min-height: 50px; } .tool-tip { min-width: 250px; } /* on hover of element containing tooltip default*/ .tool-tip-container:hover .tool-tip, .tool-tip-container:hover .image-tool-tip { visibility: visible; opacity: 1; } .tool-tip-container .tool-tip:hover, .tool-tip-container .image-tool-tip:hover { visibility: hidden; opacity: 0; } a .p1:hover .tool-tip-container .tool-tip { visibility: visible; opacity: 1; } a .p1 .tool-tip-container .tool-tip:hover { visibility: hidden; opacity: 0; } .tool-tip.top { top: auto; bottom: 165%; } .tool-tip.bottom { top: 165%; } .tool-tip.left { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: auto; right: 110%; } .tool-tip.right { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: auto; left: 110%; } .image-tool-tip.bottom { top: 103%; } .image-tool-tip.bottom:after { position: absolute; top: -14px; left: 50%; margin-left: -7px; content: ' '; height: 0px; width: 0px; border: 7px solid transparent; border-top-color: transparent; border-bottom-color: #fff; } .image-tool-tip.left { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: auto; right: 105%; } .image-tool-tip.left:after { position: absolute; left: auto; right: -14px; content: ' '; top: 50%; margin-top: -6px; bottom: auto; border: 7px solid transparent; border-top-color: transparent; border-left-color: #fff; } .image-tool-tip.top { top: auto; bottom: 106%; } .image-tool-tip.top:after { position: absolute; bottom: -14px; left: 50%; margin-left: -7px; content: ' '; height: 0px; width: 0px; border: 7px solid transparent; border-top-color: #fff; } .image-tool-tip.right { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: auto; left: 105%; } .image-tool-tip.right:after { position: absolute; right: auto; content: ' '; left: -14px; top: 50%; margin-top: -6px; bottom: auto; border: 7px solid transparent; border-top-color: transparent; border-right-color: #fff; } .fa-star, .fa-star-half { font-size: 24px; color: #ffaf41; } /** * the .cta-bar is a cta wrapper/container that contains a cta element * and for DR is usually displayed responsively only when a page is in mobile * mode (the mobile mode creates a lengthier page and the cta bars displays * relevant ctas again in place w/o the user having to scroll back to top of page */ .cta-bar { /** * override following styles to remove bg sprite to enable cta to stretch 100% w/o sprite icons bleeding thru * TODO: find a better method to do this w/o duplicating styles here, perhaps with a mixin */ } .cta-bar .ccta a { border-radius: 0; border: 0; width: 100%; max-width: 100%; padding: 11px 0 8px; } .cta-bar .ctacenter { text-align: center; } .cta-bar .ctaprimary { height: auto; background: #f77b00; background: linear-gradient(to bottom, #f77b00 0%, #f55e00 100%); background: -webkit-linear-gradient(top, #f77b00 0%, #f55e00 100%); background: -moz-linear-gradient(top, #f77b00 0%, #f55e00 100%); background: -o-linear-gradient(top, #f77b00 0%, #f55e00 100%); background: -ms-linear-gradient(top, #f77b00 0%, #f55e00 100%); background-position: 0% 0% !important; } .cta-bar .ctaprimary:hover { background: #ff8e17; background: linear-gradient(to bottom, #ff8e17 0%, #ff6c12 100%); background: -webkit-linear-gradient(top, #ff8e17 0%, #ff6c12 100%); background: -moz-linear-gradient(top, #ff8e17 0%, #ff6c12 100%); background: -o-linear-gradient(top, #ff8e17 0%, #ff6c12 100%); background: -ms-linear-gradient(top, #ff8e17 0%, #ff6c12 100%); } .cta-bar .ctaprimary:active { background: #f45400; background: linear-gradient(to bottom, #f45400 0%, #f98a00 100%); background: -webkit-linear-gradient(top, #f45400 0%, #f98a00 100%); background: -moz-linear-gradient(top, #f45400 0%, #f98a00 100%); background: -o-linear-gradient(top, #f45400 0%, #f98a00 100%); background: -ms-linear-gradient(top, #f45400 0%, #f98a00 100%); } .cta-bar .ctasecondary { background: #3f6dc9; background: linear-gradient(to bottom, #3f6dc9 0%, #3054b8 100%); background: -webkit-linear-gradient(top, #3f6dc9 0%, #3054b8 100%); background: -moz-linear-gradient(top, #3f6dc9 0%, #3054b8 100%); background: -o-linear-gradient(top, #3f6dc9 0%, #3054b8 100%); background: -ms-linear-gradient(top, #3f6dc9 0%, #3054b8 100%); background-position: 0% 0% !important; } .cta-bar .ctasecondary:hover { background: #477bdb; background: linear-gradient(to bottom, #477bdb 0%, #375fcf 100%); background: -webkit-linear-gradient(top, #477bdb 0%, #375fcf 100%); background: -moz-linear-gradient(top, #477bdb 0%, #375fcf 100%); background: -o-linear-gradient(top, #477bdb 0%, #375fcf 100%); background: -ms-linear-gradient(top, #477bdb 0%, #375fcf 100%); } .cta-bar .ctasecondary:active { background: #3054b8; background: linear-gradient(to bottom, #3054b8 0%, #3f6dc9 100%); background: -webkit-linear-gradient(top, #3054b8 0%, #3f6dc9 100%); background: -moz-linear-gradient(top, #3054b8 0%, #3f6dc9 100%); background: -o-linear-gradient(top, #3054b8 0%, #3f6dc9 100%); background: -ms-linear-gradient(top, #3054b8 0%, #3f6dc9 100%); } .ceditorial .heading { padding: 72px 40px 30px 40px; padding: 7.2rem 4rem 3rem 4rem; } .ceditorial .feedback-left, .ceditorial .feedback-right { padding: 72px 40px; padding: 7.2rem 4rem; } .ceditorial .feedback-left p, .ceditorial .feedback-right p { line-height: 1.75; } .ceditorial .feedback-right h2 { font-size: 26px; } .ceditorial .article { -moz-column-count: 2; /* Firefox */ -webkit-column-count: 2; /* Safari and Chrome */ column-count: 2; -moz-column-gap: 4rem; /* Firefox */ -webkit-column-gap: 4rem; /* Safari and Chrome */ column-gap: 4rem; padding: 0 40px 72px 40px; padding: 0 4rem 7.2rem 4rem; } .ceditorial .article p { line-height: 1.75; } .ceditorial .mini-hero { background: #f0640f; } .ceditorial .mini-hero .container { width: 100%; padding-left: 0; padding-right: 0; } .ceditorial .mini-hero .container .col-xs-4, .ceditorial .mini-hero .container .col-xs-8 { padding-left: 0; padding-right: 0; position: relative; } .ceditorial .mini-hero .container .col-xs-4 .arrow-right, .ceditorial .mini-hero .container .col-xs-8 .arrow-right { position: absolute; top: 43%; left: 1px; z-index: 10; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #f0640f; } .ceditorial .mini-hero .container .row { margin-left: 0; margin-right: 0; } .ceditorial .mini-hero-text { padding: 75px 40px; padding: 7.5rem 4rem; } .ceditorial .mini-hero-text p span.p1 { color: #fff; line-height: 1.5; letter-spacing: 1px; } .ceditorial .mini-hero-image img { margin-left: 1px; /* makes up for 1px off due to percentage widths */ } /* PHONE DEVICES */ @media only screen and (max-width: 960px) { .ceditorial .mini-hero-text { padding: 40 40px; padding: 4rem 4rem; } .ceditorial .mini-hero-text p span.p1 { color: #fff; line-height: 1.5; letter-spacing: 1px; font-size: 16px; } } @media only screen and (max-width: 767px) { .ceditorial .heading { padding: 40x 40px 30px 40px; padding: 4rem 4rem 3rem 4rem; } .ceditorial .article { -moz-column-count: 1; /* Firefox */ -webkit-column-count: 1; /* Safari and Chrome */ column-count: 1; } .ceditorial .mini-hero-image img { margin-left: 0; } .ceditorial .arrow-right { display: none; } .ceditorial .feedback-left { padding: 40px 10px 0 0; padding: 4rem 1rem 0 0; } .ceditorial .feedback-right { padding: 40px 10px 20px 0; padding: 4rem 1rem 2rem 0; } } @media only screen and (max-width: 690px) { .ceditorial { /* fixes Android (Landscape) bug bootstrap3 classes handles 768px and below as one, so custom make phone columns stack */ } .ceditorial .row [class*="col-"] { width: auto; float: none; } } @media only screen and (max-width: 480px) { .ceditorial { /* bootstrap3 classes handles 768px and below as one, so custom make phone columns stack */ /* likewise, remove column offsets when below 480px */ } .ceditorial .row [class*="col-"] { width: auto; float: none; } .ceditorial .row [class*="offset-"] { margin-left: 0; } .ceditorial .heading { padding: 20px 10px 0 10px; padding: 2rem 1rem 0 1rem; } .ceditorial .article { -moz-column-count: 1; /* Firefox */ -webkit-column-count: 1; /* Safari and Chrome */ column-count: 1; padding: 20px 10px 40px 10px; padding: 2rem 1rem 4rem 1rem; } .ceditorial .mini-hero .col-xs-8 { padding-left: 0; padding-right: 0; } .ceditorial .mini-hero-text { padding: 40px 20px; padding: 4rem 2rem; } .ceditorial .feedback-left { padding: 40px 10px 0 0; padding: 4rem 1rem 0 0; } .ceditorial .feedback-right { padding: 40px 10px 20px 0; padding: 4rem 1rem 2rem 0; } } .footer-legal-content { width: 100%; max-width: 960px; padding: 0 10px; padding: 0 1rem; } .footer-legal-content .footer-intuit-logo { display: block; text-indent: -100em; } a.footer-legal-link:hover { color: #fff; } @media (max-width: 1024px) { footer { margin-top: 0; } } @media (max-width: 767px) { .footer-legal-content .footer-legal-links-col { clear: left; width: 100%; } .footer-legal-content .footer-legal-links-col .footer-legal-links { margin: 20px 4px 0; margin: 2rem 0.4rem 0; float: none; } .footer-legal-truste-logo-container { text-align: left; margin-top: 20px; margin-top: 2rem; } } @media (max-width: 479px) { .footer-legal-content .footer-intuit-logo { width: 160px; height: 50px; background-position: -495px -140px; background-position: -495px -140px, -495px -140px; /* Retina display support */ } } @media (max-width: 767px) { h1 { font-size: 36px; margin-bottom: 12px; } h2, .section-header { font-size: 32px; } } @media (max-width: 567px) { h2 { font-size: 22px; } } .nav-bar .nav-bar-container { width: 100%; max-width: 972px; } .container.parbase, .container.parsys { width: auto; padding: 0; } @media (max-width: 700px) { #simplemodal-container, .cmodal-page { width: 100%; } .cmodal-page { height: 400px; padding: 50px 10px 40px 10px; overflow-y: scroll; } .cmodal-page .row { margin: 0; } } @media (min-width: 700px) { #simplemodal-container, .cmodal-page { width: 700px; } #simplemodal-container .cmodal-page, .cmodal-page .cmodal-page { padding: 50px 10px 40px 10px; overflow-y: scroll; } } [class^="col-"].ungutter, [class*=" col-"].ungutter { padding-left: 0; padding-right: 0; } .bg-green { box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2); } .dropdown-menu { top: auto; } .navbar { margin-bottom: 0; } [id^="cq-gen"] img[src*="linkchecker"] { width: auto; } .image-scale { width: 100%; } /*img { width: auto; height: auto; }*/ .show-on-cq-only { display: none; } [class^="cq-wcm-"] .show-on-cq-only { display: block; } .cq-image-placeholder { min-height: 50px; } #lpDebugMainDiv #infoPanelMain img[src='http://sales.liveperson.net/visitor/addons/debugtool/images/close.png'] { width: auto; } a, .nav-bar a[href*="tel:"] { color: #365ebf; } .ccta { height: auto; } .ccta:hover { color: #fff; } .property-header.Quickbooks.nav-bar .slim-header { margin: 20px 30px 13px 16px; margin: 2rem 3rem 1.3rem 1.6rem; } .dr-alert-box { padding: 40px 10%; padding: 4rem 10%; background-color: #e33d43; font-size: 30px; font-size: 3rem; font-weight: 300; line-height: 14px; line-height: 1.4rem; } .dr-alert-box * { color: #fff; } .dr-alert-box h3 { margin: 5px 0 10px; margin: 0.5rem 0 1rem; } .dr-alert-box ul { list-style-type: disc; margin-left: 20px; margin-left: 2rem; } .dr-alert-box ul li { margin: 3.3px 0 0; margin: 0.33rem 0 0; } li.sign-up-nav { position: relative; top: -1px; } li.sign-up-nav a, li.sign-up-nav a:hover { color: #202020; line-height: 1.5; } .comparison-chart { margin: 0; padding: 20px 0; } .cdisclosure { margin-top: 0; } .editorial-divider-c .interspace_container { padding-bottom: 0; } .editorial-divider-c .interspace_divider { margin-top: 0; } .editorial-divider-c hr { margin-bottom: 0; } .dr-nagbar-ie8 { background: #f0f0f0; padding: 10px; font: normal 11px Arial; } .dr-nagbar-ie8 a { display: inline-block; background: #e6e6e6; margin-left: 15px; font-weight: bold; padding: 5px 10px; border: 1px outset #fff; color: #000; } .dr-nagbar-ie8 a:hover { background: #e0e0e0; text-decoration: none; } .container-fluid { padding: 0 10px; } .qb-wrapper h2.tac { font-weight: 500; font-size: 44px; } @media (min-width: 1024px) { .container-fluid { width: 960px; margin: 0 auto; } } @media (max-width: 1024px) { .outer-container { border: none; width: 100%; } } @media (max-width: 960px) { .content-container { width: 100%; padding: 0 24px; } } @media (max-width: 767px) { .outer-container { margin-top: 0; } .cdisclosure a { text-align: center; display: inline-block; } } .ccontainer ~ .outer-container { margin-top: 25px; } .ctaprimary:hover, .ctaprimary:hover { color: #fff; } .ctatertiary:hover { color: #365ebf; } .ccta a { /*box-sizing: content-box; -moz-box-sizing: content-box;*/ } .cq-wcm-edit section[class*="hidden-"] { display: block !important; } .cq-wcm-edit .cvideo { padding-bottom: 30px; background-color: #eee; } @media (max-width: 767px) { .resp_img .bg { display: none !important; } } @media (min-width: 768px) { .interspace_container { padding-bottom: 72px; } } body .header-grey-screen { position: fixed; z-index: 2; background-color: grey; opacity: 0.5; cursor: pointer; } body .header-temporary-fixed { position: fixed; overflow: hidden; width: inherit; } #globalNavHeader .global-header-resp.us-header-resp div.navhdr-menu-ctnr { margin-top: 17px; } #globalNavHeader .global-header-resp.us-header-resp .navhdr-menu ul:first-child > li { text-align: inherit; } #globalNavHeader .global-header-resp.us-header-resp .navhdr-menu ul:first-child > li > a, #globalNavHeader .global-header-resp.us-header-resp .navhdr-menu ul:first-child > li > a:visited { color: #505050; text-transform: none; font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif; } #globalNavHeader .global-header-resp.us-header-resp .navhdr-menu ul:first-child > li ul { margin: 3px 0 0 0; padding: 5px 0px 5px 0px; } #globalNavHeader .global-header-resp.us-header-resp .navhdr-menu ul:first-child > li ul li > a { font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif; } #globalNavHeader .global-header-resp.us-header-resp .navhdr-menu ul:first-child > li ul li > a:hover { background-color: #656565; } #globalNavHeader .global-header-resp.us-header-resp .navhdr-menu ul:first-child > li:hover > a { color: #505050; border-bottom: 3px solid #2b9d1b; } #globalNavHeader .global-header-resp.us-header-resp div.navhdr-cta-ctnr { margin-top: 38px; } #globalNavHeader .global-header-resp.us-header-resp div.navhdr-cta-ctnr a.ctaplain { font-size: 15px; text-decoration: none; padding: 0px; white-space: nowrap; } #globalNavHeader .global-header-resp.us-header-resp div.navhdr-cta-ctnr a.ctaplain:hover { border-bottom: 3px solid #2b9d1b; } #globalNavHeader .global-header-resp.us-header-resp div.navhdr-cta-ctnr ul li a:hover { background-color: #656565; } #globalNavHeader .global-header-resp.us-header-resp div.navhdr-cta-ctnr .signin-hover { width: 240px; padding: 5px 0px 5px 0px; } #globalNavHeader .global-header-resp.us-header-resp div.navhdr-cta-ctnr .signin-hover li > a { font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif; } #globalNavHeader .global-header-resp div.navhdr-menu-ctnr { margin-top: 8px; } #globalNavHeader .global-header-resp div.navhdr-icons-ctnr { margin-top: 24px; } #globalNavHeader .global-header-resp div.navhdr-cta-ctnr { margin-top: 26px; padding: 0; } #globalNavHeader .global-header-resp div.navhdr-cta-ctnr a.ctasecondary, #globalNavHeader .global-header-resp div.navhdr-cta-ctnr a.ctatertiary { font-size: 14px; line-height: 1.8em; padding: 4px 16px 0 16px; height: 32px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } #globalNavHeader .global-header-resp div.navhdr-cta-ctnr .parbase ul, #globalNavHeader .global-header-resp div.navhdr-cta-ctnr .parbase ul:hover { display: block; height: auto; width: 180px; opacity: 1; position: relative; } #globalNavHeader .global-header-resp div.navhdr-cta-ctnr ul { height: 0; width: 0; display: none; margin: 0; padding: 0; overflow: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; font-size: 13px; list-style: none; position: absolute; z-index: 1001; background-color: #fff; border: 1px solid #ccc; border-radius: 2px; border-top-left-radius: 0; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } #globalNavHeader .global-header-resp div.navhdr-cta-ctnr ul li { line-height: normal; } #globalNavHeader .global-header-resp div.navhdr-cta-ctnr ul li a { padding: 8px 10px; display: block; color: #202020; } #globalNavHeader .global-header-resp div.navhdr-cta-ctnr ul li a:hover { color: #fff; background-color: #365ebf; border-radius: 2px; text-decoration: none; } #globalNavHeader .global-header-resp div.navhdr-cta-ctnr .signin-hover { display: block; height: auto; width: 170px; padding: 5px 5px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } #globalNavHeader .global-header-resp div.navhdr-cta-ctnr .signin-hover li { padding-left: 0px; display: block; } #globalNavHeader .global-header-resp div.navhdr-cta-ctnr .signin-hover li > a { line-height: 1.3; padding: 10px 10px; font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; } #globalNavHeader .global-header-resp .ctext li { line-height: 8px; } #globalNavHeader .global-header-resp .ctext ul li { padding-left: 20px; } #globalNavHeader .global-header-resp .ctext ul li .sub-menu:hover a { padding-bottom: 22px; } #globalNavHeader .global-header-resp .ctext ul li ul li { padding-left: 0px; display: block; } #globalNavHeader .global-header-resp .ctext ul li ul li a { color: #202020; } #globalNavHeader .navhdr-icons-ctnr, #globalNavHeader .navhdr-cta-ctnr { display: table; } #globalNavHeader .navhdr-menu-ctnr { padding: 0; max-width: 510px; } #globalNavHeader .navhdr-cta-ctnr { float: right; } #globalNavHeader .navhdr-cta-ctnr .navhdr-cta > div:first-child { width: 100%; display: table; } #globalNavHeader .navhdr-cta-ctnr .navhdr-cta > div:first-child > div { display: table-cell; vertical-align: middle; padding: 0 0; } #globalNavHeader .navhdr-menu ul:first-child { width: 100%; display: table; padding: 0 0; } #globalNavHeader .navhdr-menu ul:first-child > li { height: 80px; display: table-cell; vertical-align: middle; padding: 0 0; text-align: center; border-bottom: 4px solid #ffffff; } #globalNavHeader .navhdr-menu ul:first-child > li > a, #globalNavHeader .navhdr-menu ul:first-child > li > a:visited { color: #202020; margin: 6px 0 0 0; text-transform: uppercase; border-bottom: none; padding: 0; text-align: center; font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; } #globalNavHeader .navhdr-menu ul:first-child > li ul { margin: 35px 0 0 0; padding: 5px 5px; } #globalNavHeader .navhdr-menu ul:first-child > li ul li > a { color: #202020; text-align: left; line-height: 1.3; padding: 10px 10px; font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; } #globalNavHeader .navhdr-menu ul:first-child > li ul li > a:hover { color: #fff; text-decoration: none; } #globalNavHeader .navhdr-menu ul:first-child > li:hover { border-bottom: 4px solid #365ebf; } #globalNavHeader .navhdr-menu ul:first-child > li:hover > a { z-index: 4; color: #365ebf; text-decoration: none; border-bottom: none; } #globalNavHeader .navhdr-menu ul:first-child > li:hover .sub-menu > a { color: #365ebf; border-bottom: none; text-decoration: none; } #globalNavHeader .eyebrow-boiler-search form { height: 35px ; margin-top: 15px; } #globalNavHeader .eyebrow-boiler-search form div.cform-field { display: inline; height: 30px; } #globalNavHeader .drawer-btn-ctnr { float: left; display: table; padding: 3px 0 0 9px; } #globalNavHeader .drawer-btn-ctnr .drawer-btn { display: table-cell; vertical-align: middle; text-align: center; width: 20px; height: 20px; background-image: url('https://quickbooks.intuit.com/etc/designs/harmony/images/global-sprite-fallback.png'); background-image: url('https://quickbooks.intuit.com/etc/designs/harmony/images/global-sprite.svg'); background-position: 0px -539px; background-repeat: no-repeat; } .sidr.left { display: none; width: 260px; height: 100%; left: -260px; right: auto; background-color: #193048; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; position: fixed; top: 0; z-index: 999999; overflow-x: none; overflow-y: auto; color: #ffffff; } .sidr.left .navhdr-menu > li div:first-child { background-color: #1a3d65; } .sidr.left .eyebrow-boiler-nav > li div:first-child { background-color: #1d3856; } .sidr.left > ul { margin: 0 0; border: none; } .sidr.left > ul > li { border: none; margin: 0 0 1px 0; padding: none; background-color: none; } .sidr.left > ul > li > div { padding: 8px 20px; height: 34px; } .sidr.left > ul > li > div .submenu-text { float: left; width: 190px; text-align: left; font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif; } .sidr.left > ul > li > div > span { cursor: pointer; } .sidr.left > ul > li > div .submenu-arrow { width: 19px; height: 16px; padding: 0 0; float: right; background-image: url('https://quickbooks.intuit.com/etc/designs/harmony/images/global-sprite-fallback.png'); background-image: url('https://quickbooks.intuit.com/etc/designs/harmony/images/global-sprite.svg'); background-position: -96px -396px; background-repeat: no-repeat; } .sidr.left > ul > li > div .submenu-arrow.down { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .sidr.left > ul > li > div .submenu-arrow.up { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } .sidr.left > ul > li > div:hover, .sidr.left > ul > li > div a, .sidr.left > ul > li > div a:visited, .sidr.left > ul > li > div a:hover, .sidr.left > ul > li > div div { color: #ffffff; text-decoration: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; line-height: normal; } .sidr.left > ul > li > ul { width: 100%; margin: 0; padding: 0; border: 0; background-color: #193048; overflow: hidden; } .sidr.left > ul > li > ul.closed { -webkit-transition: max-height 0.3s ease-out; -moz-transition: max-height 0.3s ease-out; -o-transition: max-height 0.3s ease-out; transition: max-height 0.3s ease-out; } .sidr.left > ul > li > ul.open { -webkit-transition: max-height 0.4s ease-out; -moz-transition: max-height 0.4s ease-out; -o-transition: max-height 0.4s ease-out; transition: max-height 0.4s ease-out; } .sidr.left > ul > li > ul > li { padding: 0 3px 17px 20px; } .sidr.left > ul > li > ul > li:first-child { padding-top: 20px; } .sidr.left > ul > li > ul > li:last-child { padding-bottom: 20px; } .sidr.left > ul > li > ul > li a, .sidr.left > ul > li > ul > li a:visited, .sidr.left > ul > li > ul > li a:hover, .sidr.left > ul > li > ul > li > * { color: #ffffff; display: block; font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: left; text-decoration: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .sidr.left .navhdr-cta { padding: 15px 20px 0 20px; width: 100%; } .sidr.left .navhdr-cta .ccta { width: 100%; height: 44px; padding: 0 0 10px 0; } .sidr.left .navhdr-cta .ccta a { width: 100%; height: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; text-align: center; } .sidr.left .navhdr-cta .ccta a.ctasecondary { padding: 2px 0; } .sidr.left .navhdr-cta .ccta a.ctasecondary span { width: 188px; float: left; padding: 4px 0px 4px 30px; line-height: normal; } .sidr.left .navhdr-cta .ccta a.ctasecondary .submenu-arrow { width: 30px; height: 28px; float: right; border: none; padding: 0; background-image: url('https://quickbooks.intuit.com/etc/designs/harmony/images/global-sprite-fallback.png'); background-image: url('https://quickbooks.intuit.com/etc/designs/harmony/images/global-sprite.svg'); background-position: -973px -428px; background-repeat: no-repeat; } .sidr.left .navhdr-cta .ccta a.ctasecondary .submenu-arrow.down { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .sidr.left .navhdr-cta .ccta a.ctasecondary .submenu-arrow.up { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } .sidr.left .navhdr-cta ul { width: 100%; background-color: #fff; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; overflow: hidden; position: relative ; top: -11px; } .sidr.left .navhdr-cta ul.closed { border: none; -webkit-transition: max-height 0.3s ease-out; -moz-transition: max-height 0.3s ease-out; -o-transition: max-height 0.3s ease-out; transition: max-height 0.3s ease-out; } .sidr.left .navhdr-cta ul.open { border: 1px solid #ccc; -webkit-transition: max-height 0.4s ease-out; -moz-transition: max-height 0.4s ease-out; -o-transition: max-height 0.4s ease-out; transition: max-height 0.4s ease-out; } .sidr.left .navhdr-cta ul > li a, .sidr.left .navhdr-cta ul > li a:visited, .sidr.left .navhdr-cta ul > li a:hover, .sidr.left .navhdr-cta ul > li div { color: #3f6dc9; text-decoration: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; line-height: normal; } .sidr.left .navhdr-cta ul > li a > div, .sidr.left .navhdr-cta ul > li a:visited > div, .sidr.left .navhdr-cta ul > li a:hover > div, .sidr.left .navhdr-cta ul > li div > div { width: 100%; padding: 10px 20px; text-align: left; display: block; font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; } .sidr.left .navhdr-cta ul > li a:hover, .sidr.left .navhdr-cta ul > li a:visited:hover, .sidr.left .navhdr-cta ul > li a:hover:hover, .sidr.left .navhdr-cta ul > li div:hover, .sidr.left .navhdr-cta ul > li a:active, .sidr.left .navhdr-cta ul > li a:visited:active, .sidr.left .navhdr-cta ul > li a:hover:active, .sidr.left .navhdr-cta ul > li div:active { background-color: #365ebf; color: #fff; } .sidr.left .navhdr-cta ul > li:first-child div { margin-top: 5px; } .sidr.left .navhdr-cta ul > li:last-child div { margin-bottom: 5px; } .sidr.left .eyebrow-boiler-search { width: 100%; } .sidr.left .eyebrow-boiler-search .search_term { width: 260px; height: 44px; padding: 20p 20px; } .sidr.left .eyebrow-boiler-search .search_term input { width: 220px; height: 24px; margin: 10px 20px; padding: 0 0 0 10px; border: 1px; border-radius: 5px; color: black; } .sidr.left .eyebrow-boiler-search .search_submit { height: 24px; position: relative; float: right; top: -34px; right: 25px; } .sidr.left .eyebrow-boiler-search .search_submit input { z-index: 100; width: 30px; height: 24px; margin: 0; padding: 0; border: 0; background: none; background-image: url('https://quickbooks.intuit.com/etc/designs/harmony/images/global-sprite-fallback.png'); background-image: url('https://quickbooks.intuit.com/etc/designs/harmony/images/global-sprite.svg'); background-position: -50px -414px; background-repeat: no-repeat; } @media (min-width: 1023px) and (max-width: 1024px) { #globalNavHeader .hidden-sm { display: none !important; } #globalNavHeader .hidden-md { display: block !important; } #globalNavHeader .global-header-resp div.drawer-btn-ctnr { width: 9%; } #globalNavHeader .global-header-resp div.navhdr-icons-ctnr { width: 66%; } } @media (max-width: 1024px) { #globalNavHeader .global-header-resp.us-header-resp div.navhdr-cta-ctnr { margin: 13px 0; } #globalNavHeader .global-header-resp { height: 60px; } #globalNavHeader .global-header-resp div.drawer-btn-ctnr { margin: 15px 0 0 0; } #globalNavHeader .global-header-resp div.navhdr-icons-ctnr { margin-top: 10px; margin-bottom: 10px; } #globalNavHeader .global-header-resp div.navhdr-icons-ctnr span { margin: 0 auto; } #globalNavHeader .global-header-resp div.navhdr-cta-ctnr { margin: 13px 0; } } @media (max-width: 767px) { #globalNavHeader .qb-en-au-header .navhdr-cta > div > div:first-child { float: right; } #globalNavHeader .global-header-resp div.drawer-btn-ctnr { min-width: 40px; } #globalNavHeader .global-header-resp div.navhdr-icons-ctnr { width: 70%; } #globalNavHeader .global-header-resp div.navhdr-cta-ctnr { width: 16.67%; } } @media (max-width: 590px) { #globalNavHeader .global-header-resp div.navhdr-icons-ctnr { width: 60%; } #globalNavHeader .global-header-resp div.navhdr-cta-ctnr { width: 20%; } } @media (max-width: 479px) { #globalNavHeader .global-header-resp div.navhdr-icons-ctnr { width: 50%; } #globalNavHeader .global-header-resp div.navhdr-cta-ctnr { width: 28%; } } @media (max-width: 400px) { #globalNavHeader .global-header-resp div.navhdr-icons-ctnr { width: 45%; padding: 0px; margin: 18px 0px 0px 10px; } #globalNavHeader .global-header-resp div.navhdr-icons-ctnr section.navhdr-icons { width: 135%; } #globalNavHeader .global-header-resp div.navhdr-icons-ctnr section.navhdr-icons div.icon-font i, #globalNavHeader .global-header-resp div.navhdr-icons-ctnr section.navhdr-icons span.visually-hidden-text { width: 100%; -webkit-transform: scale(0.7); -webkit-transform-origin: 0 0; transform: scale(0.7); transform-origin: 0 0; } #globalNavHeader .global-header-resp div.navhdr-cta-ctnr { width: 28%; } } @media (max-width: 321px) { #globalNavHeader .global-header-resp div.navhdr-icons-ctnr { width: 43%; padding: 0px; margin: 20px 0px 0px 10px; } #globalNavHeader .global-header-resp div.navhdr-icons-ctnr section.navhdr-icons { width: 150%; } #globalNavHeader .global-header-resp div.navhdr-icons-ctnr section.navhdr-icons span.visually-hidden-text { width: 108%; -webkit-transform: scale(0.6); -webkit-transform-origin: 0 0; transform: scale(0.6); transform-origin: 0 0; } #globalNavHeader .global-header-resp div.navhdr-cta-ctnr { width: 28%; } } .icon-font a:hover { text-decoration: none !important; } .icon-font .i-left { float: left; } .icon-font .i-right { float: right; } .icon-font .i-center { text-align: center; margin: 0 auto; display: block; } .icon-font .act-opa:hover { opacity: 0.85; } .icon-font .fcolor-prim.act-h-color:hover { color: blue; } .icon-font .fcolor-sec.act-h-color:hover { color: yellow; } .ccarousel { background-color: #ededed; padding: 42px 0; padding: 4.2rem 0; } .ccarousel header { margin-bottom: 0; padding: 30px 84px 0; } .ccarousel .carousel-wrap { background-color: #ffffff; margin: 0; padding: 0; } .ccarousel .creview { padding: 24px 0 0 0; } .ccarousel .carousel-slides > .slide .ctext { padding: 0 54px 24px; padding: 7.2rem 5.4rem 2.4rem; margin-top: 0; } .ccarousel .carousel-slides > .slide .ctext + .ctext { padding-top: 36px; padding-top: 3.6rem; } .ccarousel .carousel-slides > .slide img { width: 100%; /* make images responsive */ height: auto; /* counter any img height attribs in markup */ } .ccarousel .carousel-slides .creview .ctext { padding: 36px 80px 24px; padding: 3.6rem 8.0rem 2.4rem; } .ccarousel .carousel-slides .resp .row { margin: 0; } .ccarousel .carousel-slides .resp .row .col-md-9, .ccarousel .carousel-slides .resp .row .col-sm-9, .ccarousel .carousel-slides .resp .row .col-xs-12 { padding-left: 0; } .ccarousel .carousel-slides .resp .row .col-md-9 h2, .ccarousel .carousel-slides .resp .row .col-sm-9 h2, .ccarousel .carousel-slides .resp .row .col-xs-12 h2 { margin-bottom: 5px; } .ccarousel .carousel-slides .resp .row p.p3 { color: #080808; display: inline-block; } .ccarousel .carousel-slides .resp .row .review-container { margin-right: 10px; } .ccarousel .carousel-slides .resp .row .review-container .rating-stars { height: 20px; } /* FOR HERO CAROUSEL - hero-carousel class inserted by setting option in carousel dialog */ .ccarousel.hero-carousel { background-color: transparent !important; margin: 0; padding: 0; } .ccarousel.hero-carousel header { display: none; padding: 0; } .ccarousel.hero-carousel .carousel-wrap { background-color: transparent !important; padding: 0; } .ccarousel.hero-carousel .container { width: 100%; } .ccarousel.hero-carousel .container .carousel-slides .ctext { padding: 36px 24px; padding: 3.6rem 2.4rem; } .ccarousel.hero-carousel .carousel-controls { margin: 0; padding: 0 10px; position: relative; text-align: center; top: -23px; } @media (min-width: 768px) and (max-width: 1023px) { .ccarousel .resp header { margin: 0px; } .ccarousel .resp .creview .ctext { margin: 0; } } @media (min-width: 319px) and (max-width: 767px) { .ccarousel { padding-top: 0; } .ccarousel header { margin-bottom: 40px; padding: 40px 10px 0; } .ccarousel .creview header { margin-bottom: 0px; } .ccarousel .col-xs-10 { width: 100%; } .ccarousel .carousel-slides .resp { padding-top: 0; } .ccarousel .carousel-slides .resp .row .col-md-4:last-child, .ccarousel .carousel-slides .resp .row .col-sm-6:last-child, .ccarousel .carousel-slides .resp .row .col-xs-12:last-child { padding-top: 12px; } .ccarousel .carousel-slides .resp .row .col-md-9 .p1, .ccarousel .carousel-slides .resp .row .col-sm-9 .p1, .ccarousel .carousel-slides .resp .row .col-xs-12 .p1 { padding-bottom: 10px; } .ccarousel .carousel-slides .resp .row .col-md-9 p.p3, .ccarousel .carousel-slides .resp .row .col-sm-9 p.p3, .ccarousel .carousel-slides .resp .row .col-xs-12 p.p3 { display: block; } .ccarousel .carousel-slides .resp .row .col-md-9 .divider, .ccarousel .carousel-slides .resp .row .col-sm-9 .divider, .ccarousel .carousel-slides .resp .row .col-xs-12 .divider { display: none; } .ccarousel .carousel-slides .resp .row .col-md-9 time.p3:before, .ccarousel .carousel-slides .resp .row .col-sm-9 time.p3:before, .ccarousel .carousel-slides .resp .row .col-xs-12 time.p3:before { content: ""; } .ccarousel .carousel-slides .resp header { padding: 20px 10px 0; } .ccarousel .carousel-slides .resp header .review-container { float: none !important; } .ccarousel .carousel-slides .resp .ctext { padding: 15px 10px 0; } .ccarousel .carousel-wrap { margin: 0 20px; padding-bottom: 30px; padding-bottom: 3rem; } .carousel-controls { margin-top: 30px; } .carousel-controls .carousel-controls-wrap { padding: 5px 10px !important; } .carousel-controls .carousel-pagination { padding: 0 10px !important; } } .cfeatures-accordion .cq-wcm-edit-show { display: none !important; } .cfeatures-accordion .cactive { display: block !important; } .cfeatures-accordion a { outline: 0; } .cfeatures-accordion hr { border-top: 1px dotted; color: #999999; } .cfeatures-accordion .cfeatures-panel > div.accordion-toggle { cursor: pointer; } .cfeatures-accordion .cfeatures-panel > div.accordion-toggle > span { float: left; } .cfeatures-accordion .cfeatures-panel > div.accordion-toggle > div.ctext { padding-left: 20px; } .cfeatures-accordion .cfeatures-panel > div.accordion-toggle:hover span.chevron-r-icon-8x12 { background-position: -993px -477px; } .cfeatures-accordion .cfeatures-panel > div.accordion-toggle:hover span.chevron-d-icon-8x12 { background-position: -80px -414px; } .cfeatures-accordion .cfeatures-panel div.panel-body { padding-left: 20px; margin-top: 7px; } .cfeatures-accordion .mobile .cimage .img-text-align { margin-top: 0px; } /* Accordion Edit Mode - Show all Containers */ .cq-wcm-edit .cq-wcm-edit-show, .cq-wcm-edit .collapse { display: block; } .chero .col-md-7 > div { margin: 48px 0 48px 40px; } .chero .col-md-6 > div:first-child { margin: 42px 0; } .chero .col-md-6 > div:first-child .ctext { padding: 0 15px; } .chero .col-md-6 > div:first-child .ccta { margin: 20px 0; } .chero .col-md-6 .bg-white { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); border: 0; padding: 36px; margin: 42px 0; } .chero .bg-white.coming-soon { padding: 0px; } .chero .bg-white.coming-soon h4.p3 { background-color: #a22662; display: block; padding: 15px; margin-bottom: 15px; } .chero .bg-white.coming-soon h4 .ctext p { color: #fff; } .chero .center { text-align: center; } .chero .ctext h1 { margin-bottom: 18px; } .chero .chero-cta-box { display: inline-block; } .chero .chero-cta-box h1 { font-size: 26px; } .chero .cvideo { margin: 48px 0; } .bg-green .chero .ctext h1, .bg-dark-blue .chero .ctext h1, .bg-blue .chero .ctext h1, .bg-green .chero .ctext h2, .bg-dark-blue .chero .ctext h2, .bg-blue .chero .ctext h2, .bg-green .chero .ctext h3, .bg-dark-blue .chero .ctext h3, .bg-blue .chero .ctext h3, .bg-green .chero .ctext h4, .bg-dark-blue .chero .ctext h4, .bg-blue .chero .ctext h4, .bg-green .chero .ctext p, .bg-dark-blue .chero .ctext p, .bg-blue .chero .ctext p { color: #fff; } .resp_img .chero .col-md-6 > div:first-child { margin: 34px 0; } @media (max-width: 1023px) { .chero h1 { font-size: 42px; } .chero .col-md-5 .cimage { margin-top: 30px; } .chero .col-xs-12 .big-box.bg-white { margin: 20px 0 20px 10px; padding: 20px; } .chero .col-xs-12 .big-box.bg-white .p1 { font-size: 18px; } .chero .col-xs-12 .big-box.bg-white .ccta { margin: 18px 0; } } @media (max-width: 767px) { .chero .col-md-7 > div { margin: 32px 20px; } .chero .chero-cta-box { display: block; margin-top: 20px; margin-right: 0; max-width: 250px; } .chero .chero-cta-box h1 { font-size: 18px; } .chero .chero-cta-box .p2 { font-size: 14px; } .chero .col-xs-12 .big-box.bg-white { background-color: #edeef0; border: none; border-radius: 0; box-shadow: none; margin: 24px -10px 0; } } @media (max-width : 1023px) { .ctext a + .p3 { display: block; padding-top: 10px; } } @media (max-width : 767px) { .ctext a + .p3 { display: inline; } } @media (max-width: 479px) { .ctext a + .p3 { display: block; padding-top: 10px; } } .chero-cta-box { padding: 20px; margin-top: 30px; margin-right: 40px; background: #fff; } .chero-cta-box h1 { font-family: "FS Albert Web 300", "FS Albert Web", "Calibri", "Trebuchet MS", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 300; font-size: 26px; } .chero-cta-box p { padding-top: 10px; color: #505050; } .chero-cta-box p .price .ct, .chero-cta-box p .price .ac { font-size: 14px; position: relative; top: -3px; } .chero-cta-box p .price .aw, .chero-cta-box p .price .as { font-size: 20px; font-weight: bold; } .chero-cta-box .ccta { margin-top: 10px; } .chero-cta-box .pricing-box > * { display: inline-block; } .chero-cta-box .pricing-box .crossed { margin-left: 10px; } .chero-cta-box .price-info .crossed { color: #999; } .carousel-pricing-card .carousel-slides > .slide .cpricing-card .ctext { padding: 0px; } .carousel-pricing-card .cpricing-card .pricing-card-header { background-color: #fafafa; } .carousel-pricing-card .cpricing-card .pricing-card-header h3, .carousel-pricing-card .cpricing-card .pricing-card-header h4 { color: inherit; } .carousel-pricing-card .cpricing-card .pricing-card-content li { border-top: none; color: inherit; line-height: 24px !important; } .carousel-pricing-card .cpricing-card .pricing-card-content li:last-child { border-bottom: none; } .cpricing-card { background-color: none; border: none; -webkit-border-radius: 2px; border-radius: 2px; box-shadow: none; display: table; width: 100%; } .cpricing-card .pricing-card-header { display: block; text-align: center; vertical-align: middle; width: 100%; padding: 25px 0; position: relative; } .cpricing-card .pricing-card-header h3, .cpricing-card .pricing-card-header h4 { color: #ffffff; font-family: "FS Albert Web 300", "FS Albert Web", "Calibri", "Trebuchet MS", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 300; } .cpricing-card .pricing-card-header h3 { font-size: 26px; font-family: "FS Albert Web 400", "FS Albert Web", "Calibri", "Trebuchet MS", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 400; } .cpricing-card .pricing-card-header h4 { font-size: 20px; font-weight: 300; } .cpricing-card .pricing-card-header .pricing-content-burst { width: 150px; height: 32px; margin: 0 auto; position: absolute; bottom: -22px; left: 0; right: 0; background-position: -835px -551px; } .cpricing-card .pricing-card-header .pricing-content-burst p { width: 150px; height: 32px; font-size: 10px; font-weight: bold; text-transform: uppercase; display: table-cell; vertical-align: middle; text-align: center; } .cpricing-card .pricing-card-header .accordion-toggle:hover { text-decoration: none; } .cpricing-card .pricing-card-header .mobile-true { display: none; } .cpricing-card .pricing-card-header .mobile-false { display: block; } .cpricing-card .bg-blue { background-color: #0098cd; } .cpricing-card .bg-magenta { background-color: #a22662; } .cpricing-card .bg-white { background-color: #ffffff; } .cpricing-card .bg-dark-green { background-color: #2ca01c; } .cpricing-card .pricing-card-content { padding: 20px 20px; } .cpricing-card .pricing-card-content .x-price-currency-quantifier, .cpricing-card .pricing-card-content .x-price-amount-whole, .cpricing-card .pricing-card-content .x-price-amount-separator, .cpricing-card .pricing-card-content .x-price-amount-cents, .cpricing-card .pricing-card-content .x-price-duration-quantifier { font-family: "DIN Next LT Pro 300", "DIN Next LT Pro", "Consolas", "Monaco", "Lucida Console", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 300; font-size: 65px; color: #202020; display: inline-block; position: relative; line-height: 78px; } .cpricing-card .pricing-card-content .x-price-reg-price { color: #888; text-decoration: line-through; } .cpricing-card .pricing-card-content .x-price-currency-quantifier, .cpricing-card .pricing-card-content .x-price-amount-cents { font-size: 36px; vertical-align: top; top: -13px; letter-spacing: -2px; } .cpricing-card .pricing-card-content .x-price-amount-whole { letter-spacing: -6px; } .cpricing-card .pricing-card-content .x-price-amount-separator { width: 8px; } .cpricing-card .pricing-card-content .x-price-duration-quantifier { letter-spacing: normal; font-size: 16px; vertical-align: top; } .cpricing-card .pricing-card-content .x-price-discount { color: #ff0000; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; display: inline-block; padding-bottom: 40px; } .cpricing-card .pricing-card-content .text-grey { color: #666; } .cpricing-card .pricing-card-content .text-lightgrey { color: #888; } .cpricing-card .pricing-card-content .text-lightgrey-strikethrough { color: #888; text-decoration: line-through; display: inline-block; padding-top: 20px; } .cpricing-card .pricing-card-content p > a + span.p3 { display: inline-block; padding: 0 10px; } .cpricing-card .pricing-card-content p + h4 { margin-top: 40px; } .cpricing-card .pricing-card-content h4 + ul { margin: 20px 0 25px; } .cpricing-card .pricing-card-content ul { padding-top: 0; } .cpricing-card .pricing-card-content li { border-top: 1px dotted #393a3d; color: #0098cd; line-height: 36px !important; /* override of rules leaking through; don't want to add a mile-long rule for specificity */ list-style-type: disc; list-style-position: inside; /* added for bullet list next line alignment - starts */ padding-left: 16px; text-indent: -16px; /* added for bullet list next line alignment - ends */ } .cpricing-card .pricing-card-content li:last-child { border-bottom: 1px dotted #393a3d; } .cpricing-card .w100 { width: 100%; } .cpricing-card .w50 { width: 50%; } .cpricing-card .w33 { width: 33%; } .cpricing-card .collapse { display: block; } @media (max-width : 1023px) { .cpricing-card .pricing-card-content h4 { font-size: 16px; } .cpricing-card .pricing-card-content p > a { display: block; } .cpricing-card .pricing-card-content p > a + span.p3 { padding: 5px 0; } } @media (max-width: 767px) { .carousel-pricing-card .cpricing-card .pricing-card-header h3, .carousel-pricing-card .cpricing-card .pricing-card-header h4 { text-align: center; } .carousel-pricing-card .cpricing-card .pricing-card-header .mobile-true { display: none; } .carousel-pricing-card .cpricing-card .pricing-card-header .mobile-false { display: block; } .carousel-pricing-card .cpricing-card .pricing-card-header .pricing-content-burst { position: absolute; margin: 0 auto; } .carousel-pricing-card .cpricing-card .pricing-card-content.collapse { display: block; } .cpricing-card .pricing-card-header { padding-left: 15px; padding-top: auto; padding-bottom: auto; } .cpricing-card .pricing-card-header h3, .cpricing-card .pricing-card-header h4 { text-align: left; } .cpricing-card .pricing-card-header .pricing-content-burst { position: static; margin: 5px 0 0 0; } .cpricing-card .pricing-card-header .mobile-true { display: block; } .cpricing-card .pricing-card-header .mobile-true .indicator { visibility: visible; width: 29px; height: 17px; position: absolute; top: 50%; right: 15px; } .cpricing-card .pricing-card-header .mobile-true .chevron-r-icon-8x12 { background-position: 0 -570px; } .cpricing-card .pricing-card-header .mobile-true .chevron-d-icon-8x12 { background-position: -40px -570px; } .cpricing-card .pricing-card-header .mobile-false { display: none; } .cpricing-card .pricing-card-content { padding: 30px 18px; } .cpricing-card .pricing-card-content.collapse { display: none; } .cpricing-card .bg-white { background-color: transparent; } .cpricing-card .bg-blue-open { background-color: #15b2e9; } .cpricing-card .bg-magenta-open { background-color: #b81d66; } .cpricing-card .bg-dark-green { background-color: #2ca01c; } .cpricing-card .bg-white-open { background-color: transparent; } } .cpromobanner { position: relative; } .cpromobanner img { display: block; left: 0; margin: 0 auto; position: relative; } .cpromobanner .col-md-8, .cpromobanner .col-md-6, .cpromobanner .col-md-4 { margin: 18px 0; } @media (max-width: 767px) { .cpromobanner .col-md-4:nth-child(2) .col-sm-4:nth-child(2), .cpromobanner .col-sm-6:nth-child(2), .cpromobanner .col-xs-12 { margin-bottom: 18px; margin-top: 3px; } } @media (max-width: 479px) { .cpromobanner .col-xs-12:nth-child(2) { margin-bottom: 18px 0; } } .con-page-nav-resp .desktopView.hidden-xs, .con-page-nav-nonresp .desktopView.hidden-xs { height: 64px; background-color: #f5f6f8; width: 100%; border: 1px solid #d7d7d7; top: 0; left: -1px; margin-left: 0; position: absolute; z-index: 1000; box-shadow: none; } .con-page-nav-resp .desktopView.hidden-xs .content-container.row, .con-page-nav-nonresp .desktopView.hidden-xs .content-container.row { margin: 0 auto; } .con-page-nav-resp .desktopView.hidden-xs .title, .con-page-nav-nonresp .desktopView.hidden-xs .title { display: table; float: left; height: 64px; padding: 0 20px 0 0; border-right: 1px solid #e8e9e9; max-width: 200px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; } .con-page-nav-resp .desktopView.hidden-xs .title h2, .con-page-nav-nonresp .desktopView.hidden-xs .title h2, .con-page-nav-resp .desktopView.hidden-xs .title p, .con-page-nav-nonresp .desktopView.hidden-xs .title p { display: table-cell; vertical-align: middle; font-size: 15px; color: #414141; line-height: 20px; font-weight: normal; } .con-page-nav-resp .desktopView.hidden-xs .title h2, .con-page-nav-nonresp .desktopView.hidden-xs .title h2 { font-size: 24px; line-height: 28px; font-weight: 400; } .con-page-nav-resp .desktopView.hidden-xs .title > a, .con-page-nav-nonresp .desktopView.hidden-xs .title > a { display: table-cell; vertical-align: middle; } .con-page-nav-resp .desktopView.hidden-xs table, .con-page-nav-nonresp .desktopView.hidden-xs table { float: left; height: 64px; } .con-page-nav-resp .desktopView.hidden-xs table td, .con-page-nav-nonresp .desktopView.hidden-xs table td { border-right: 1px solid #e8e9e9; padding: 0 16px; text-align: center; vertical-align: middle; } .con-page-nav-resp .desktopView.hidden-xs table td > div, .con-page-nav-nonresp .desktopView.hidden-xs table td > div { padding: 0 0; } .con-page-nav-resp .desktopView.hidden-xs table td > div p, .con-page-nav-nonresp .desktopView.hidden-xs table td > div p { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 1px 0; } .con-page-nav-resp .desktopView.hidden-xs table td span, .con-page-nav-nonresp .desktopView.hidden-xs table td span { text-indent: 0px; display: inline; } .con-page-nav-resp .desktopView.hidden-xs table td a, .con-page-nav-nonresp .desktopView.hidden-xs table td a, .con-page-nav-resp .desktopView.hidden-xs table td a:focus, .con-page-nav-nonresp .desktopView.hidden-xs table td a:focus, .con-page-nav-resp .desktopView.hidden-xs table td a:hover, .con-page-nav-nonresp .desktopView.hidden-xs table td a:hover { text-decoration: none; } .con-page-nav-resp .desktopView.hidden-xs table td a:focus, .con-page-nav-nonresp .desktopView.hidden-xs table td a:focus { outline: 0; } .con-page-nav-resp .desktopView.hidden-xs table td, .con-page-nav-nonresp .desktopView.hidden-xs table td, .con-page-nav-resp .desktopView.hidden-xs table td div, .con-page-nav-nonresp .desktopView.hidden-xs table td div, .con-page-nav-resp .desktopView.hidden-xs table td .ctext, .con-page-nav-nonresp .desktopView.hidden-xs table td .ctext, .con-page-nav-resp .desktopView.hidden-xs table td p, .con-page-nav-nonresp .desktopView.hidden-xs table td p, .con-page-nav-resp .desktopView.hidden-xs table td a, .con-page-nav-nonresp .desktopView.hidden-xs table td a { line-height: 1.2; color: #505050; } .con-page-nav-resp .desktopView.hidden-xs table td .visually-hidden-text, .con-page-nav-nonresp .desktopView.hidden-xs table td .visually-hidden-text, .con-page-nav-resp .desktopView.hidden-xs table td div .visually-hidden-text, .con-page-nav-nonresp .desktopView.hidden-xs table td div .visually-hidden-text, .con-page-nav-resp .desktopView.hidden-xs table td .ctext .visually-hidden-text, .con-page-nav-nonresp .desktopView.hidden-xs table td .ctext .visually-hidden-text, .con-page-nav-resp .desktopView.hidden-xs table td p .visually-hidden-text, .con-page-nav-nonresp .desktopView.hidden-xs table td p .visually-hidden-text, .con-page-nav-resp .desktopView.hidden-xs table td a .visually-hidden-text, .con-page-nav-nonresp .desktopView.hidden-xs table td a .visually-hidden-text { color: #959595; } .con-page-nav-resp .desktopView.hidden-xs table td:hover, .con-page-nav-nonresp .desktopView.hidden-xs table td:hover { color: #2c53b7; } .con-page-nav-resp .desktopView.hidden-xs table td:hover span, .con-page-nav-nonresp .desktopView.hidden-xs table td:hover span, .con-page-nav-resp .desktopView.hidden-xs table td:hover p, .con-page-nav-nonresp .desktopView.hidden-xs table td:hover p, .con-page-nav-resp .desktopView.hidden-xs table td:hover div, .con-page-nav-nonresp .desktopView.hidden-xs table td:hover div { color: #2c53b7; } .con-page-nav-resp .desktopView.hidden-xs table td.active, .con-page-nav-nonresp .desktopView.hidden-xs table td.active { border-bottom: 4px solid #2ca01c; } .con-page-nav-resp .desktopView.hidden-xs .cta-btn, .con-page-nav-nonresp .desktopView.hidden-xs .cta-btn, .con-page-nav-resp .desktopView.hidden-xs .cta, .con-page-nav-nonresp .desktopView.hidden-xs .cta { max-width: 175px; float: right; display: table; height: 64px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .con-page-nav-resp .desktopView.hidden-xs .cta-btn > div, .con-page-nav-nonresp .desktopView.hidden-xs .cta-btn > div, .con-page-nav-resp .desktopView.hidden-xs .cta > div, .con-page-nav-nonresp .desktopView.hidden-xs .cta > div { display: table-cell; vertical-align: middle; } .con-page-nav-resp .desktopView.hidden-xs .cta-btn a, .con-page-nav-nonresp .desktopView.hidden-xs .cta-btn a, .con-page-nav-resp .desktopView.hidden-xs .cta a, .con-page-nav-nonresp .desktopView.hidden-xs .cta a { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .con-page-nav-resp .desktopView.hidden-xs .cta-btn .cta-align-left, .con-page-nav-nonresp .desktopView.hidden-xs .cta-btn .cta-align-left, .con-page-nav-resp .desktopView.hidden-xs .cta .cta-align-left, .con-page-nav-nonresp .desktopView.hidden-xs .cta .cta-align-left { float: left; } .con-page-nav-resp .desktopView.hidden-xs .cta-btn .cta-align-right, .con-page-nav-nonresp .desktopView.hidden-xs .cta-btn .cta-align-right, .con-page-nav-resp .desktopView.hidden-xs .cta .cta-align-right, .con-page-nav-nonresp .desktopView.hidden-xs .cta .cta-align-right { float: right; margin-right: -10px; } .con-page-nav-resp .desktopView.hidden-xs .cta-btn.show, .con-page-nav-nonresp .desktopView.hidden-xs .cta-btn.show, .con-page-nav-resp .desktopView.hidden-xs .cta.show, .con-page-nav-nonresp .desktopView.hidden-xs .cta.show { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .con-page-nav-resp .desktopView.hidden-xs .cta.show, .con-page-nav-nonresp .desktopView.hidden-xs .cta.show { display: table !important; margin: 0 auto; } .con-page-nav-resp .desktopView.hidden-xs a.ctaprimary, .con-page-nav-nonresp .desktopView.hidden-xs a.ctaprimary, .con-page-nav-resp .desktopView.hidden-xs a.ctasecondary, .con-page-nav-nonresp .desktopView.hidden-xs a.ctasecondary { padding: 2px 9px 2px 9px; display: table-cell; } .con-page-nav-resp .desktopView.hidden-xs a.ctaprimary, .con-page-nav-nonresp .desktopView.hidden-xs a.ctaprimary, .con-page-nav-resp .desktopView.hidden-xs a.ctasecondary, .con-page-nav-nonresp .desktopView.hidden-xs a.ctasecondary, .con-page-nav-resp .desktopView.hidden-xs a.ctatertiary, .con-page-nav-nonresp .desktopView.hidden-xs a.ctatertiary, .con-page-nav-resp .desktopView.hidden-xs a.ctaplain, .con-page-nav-nonresp .desktopView.hidden-xs a.ctaplain { max-width: 140px; } .con-page-nav-resp .desktopView.hidden-xs .title.has-image, .con-page-nav-nonresp .desktopView.hidden-xs .title.has-image { max-width: none; padding: 0 5px 0 0; } .con-page-nav-resp .desktopView.hidden-xs .title.has-image .cimage, .con-page-nav-nonresp .desktopView.hidden-xs .title.has-image .cimage { width: 50%; display: table-cell; vertical-align: middle; } .con-page-nav-resp .desktopView.hidden-xs .title.has-image h2, .con-page-nav-nonresp .desktopView.hidden-xs .title.has-image h2 { width: 50%; padding: 0 0 0 10px; } .con-page-nav-resp .desktopView.hidden-xs .title.has-image ~ .cta, .con-page-nav-nonresp .desktopView.hidden-xs .title.has-image ~ .cta { max-width: none; } .con-page-nav-resp.section-2 table td, .con-page-nav-nonresp.section-2 table td { max-width: 290px; min-width: 180px; /* removing IE8-9 hack as it conflicts with IE10/11 p{ width : 100%\9; max-width : 250px\9; min-width : 140px\9; }*/ } .con-page-nav-resp.section-3 table td, .con-page-nav-nonresp.section-3 table td { max-width: 194px; min-width: 120px; /*p{ width : 100%\9; max-width : 154px\9; min-width : 80px\9; }*/ } .con-page-nav-resp.section-4 table td, .con-page-nav-nonresp.section-4 table td { max-width: 145px; min-width: 120px; /*p{ width : 100%\9; max-width : 105px\9; min-width : 80px\9; }*/ } .con-page-nav-resp.section-5 table td, .con-page-nav-nonresp.section-5 table td { max-width: 116px; min-width: 100px; /*p{ width : 100%\9; max-width : 76px\9; min-width : 60px\9; }*/ } .con-page-nav-resp.section-6 table td, .con-page-nav-nonresp.section-6 table td { max-width: 96px; min-width: 60px; /*p{ width : 100%\9; max-width : 56px\9; min-width : 20px\9; }*/ } .con-page-nav-resp.fixed .desktopView.hidden-xs, .con-page-nav-nonresp.fixed .desktopView.hidden-xs, .con-page-nav-resp.fixed .mobileView.visible-xs, .con-page-nav-nonresp.fixed .mobileView.visible-xs { position: fixed; top: 0; } /* push down next sibling down */ .con-page-nav-resp + *, .con-page-nav-resp + section, .con-page-nav-nonresp + *, .con-page-nav-nonresp + section { padding-top: 85px; } @media (max-width: 1024px) { .con-page-nav-resp .desktopView.hidden-xs { width: 100%; margin-left: 0; } } @media (max-width: 960px) { .con-page-nav-resp .desktopView.hidden-xs { padding: 0 5px; } .con-page-nav-resp .desktopView.hidden-xs .cta { max-width: 150px; } .con-page-nav-resp .desktopView.hidden-xs table { width: 66%; } .con-page-nav-resp .desktopView.hidden-xs table td > div { padding: 0 15px; } .con-page-nav-resp .desktopView.hidden-xs .title { width: 16%; padding: 0 10px 0 0; } .con-page-nav-resp .desktopView.hidden-xs .title.has-image { width: 23%; padding: 0 0 0 0; } .con-page-nav-resp .desktopView.hidden-xs .title.has-image h2 { padding: 0 0 0 0; } .con-page-nav-resp .desktopView.hidden-xs .title.has-image ~ table { width: 60%; } .con-page-nav-resp .desktopView.hidden-xs .title.has-image ~ .cta { width: 16%; max-width: none; } .con-page-nav-resp .desktopView.hidden-xs .content-container.row { padding: 0 5px; } .con-page-nav-resp .desktopView.hidden-xs .content-container.row .cta.show { padding: 0 5px; } .con-page-nav-resp .desktopView.hidden-xs a.ctaprimary, .con-page-nav-resp .desktopView.hidden-xs a.ctasecondary { padding: 4px 9px 0 9px; } .con-page-nav-resp .desktopView.hidden-xs a.ctaprimary, .con-page-nav-resp .desktopView.hidden-xs a.ctasecondary, .con-page-nav-resp .desktopView.hidden-xs a.ctatertiary, .con-page-nav-resp .desktopView.hidden-xs a.ctaplain { max-width: 115px; } .con-page-nav-resp.section-2 table td { max-width: 273px; min-width: 160px; /*p{ width : 100%\9; max-width : 243px\9; min-width : 130px\9; }*/ } .con-page-nav-resp.section-3 table td { max-width: 182px; min-width: 130px; /*p{ width : 100%\9; max-width : 152px\9; min-width : 100px\9; }*/ } .con-page-nav-resp.section-4 table td { max-width: 138px; min-width: 110px; /*p{ width : 100%\9; max-width : 108px\9; min-width : 80px\9; }*/ } .con-page-nav-resp.section-5 table td { max-width: 110px; min-width: 90px; /*p{ width : 100%\9; max-width : 80px\9; min-width : 60px\9; }*/ } .con-page-nav-resp.section-6 table td { max-width: 88px; min-width: 60px; /*p{ width : 100%\9; max-width : 58px\9; min-width : 30px\9; }*/ } } @media (min-width: 768px) and (max-width: 850px) { .con-page-nav-resp .desktopView.hidden-xs { padding: 0 5px; } .con-page-nav-resp .desktopView.hidden-xs .cta { max-width: 135px; } .con-page-nav-resp .desktopView.hidden-xs .title { width: 16%; padding: 0 5px 0 0; } .con-page-nav-resp .desktopView.hidden-xs .title.has-image { width: 22%; padding: 0 0 0 0; } .con-page-nav-resp .desktopView.hidden-xs .title.has-image h2 { padding: 0 0 0 0; } .con-page-nav-resp .desktopView.hidden-xs .title.has-image ~ table { width: 60%; } .con-page-nav-resp .desktopView.hidden-xs .title.has-image ~ .cta { width: 16%; max-width: none; } .con-page-nav-resp .desktopView.hidden-xs .content-container.row { padding: 0 5px; } .con-page-nav-resp .desktopView.hidden-xs .content-container.row .cta.show { padding: 0 5px; } .con-page-nav-resp .desktopView.hidden-xs a.ctaprimary, .con-page-nav-resp .desktopView.hidden-xs a.ctasecondary { padding: 4px 9px 0 9px; } .con-page-nav-resp .desktopView.hidden-xs a.ctaprimary, .con-page-nav-resp .desktopView.hidden-xs a.ctasecondary, .con-page-nav-resp .desktopView.hidden-xs a.ctatertiary, .con-page-nav-resp .desktopView.hidden-xs a.ctaplain { max-width: 100px; } .con-page-nav-resp.section-2 table td { max-width: 245px; min-width: 140px; /*p{ width : 100%\9; max-width : 215px\9; min-width : 110px\9; }*/ } .con-page-nav-resp.section-3 table td { max-width: 162px; min-width: 110px; /*p{ width : 100%\9; max-width : 132px\9; min-width : 80px\9; }*/ } .con-page-nav-resp.section-4 table td { max-width: 122px; min-width: 100px; /*p{ width : 100%\9; max-width : 92px\9; min-width : 70px\9; }*/ } .con-page-nav-resp.section-5 table td { max-width: 98px; min-width: 80px; /*p{ width : 100%\9; max-width : 68px\9; min-width : 50px\9; }*/ } .con-page-nav-resp.section-6 table td { max-width: 81px; min-width: 60px; /*p{ width : 100%\9; max-width : 51px\9; min-width : 30px\9; }*/ } } @media (max-width: 767px) { .con-page-nav-resp + *, .con-page-nav-resp + section { padding-top: 0; } } /* Removing IE10+ CSS hacks as they are not needed anymore @media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) { .con-page-nav-resp, .con-page-nav-nonresp{ &.section-2 table td { p{ width : 100%; max-width : 250px; min-width : 140px; } } &.section-3 table td { p{ width : 100%; max-width : 154px; min-width : 80px; } } &.section-4 table td { p{ width : 100%; max-width : 105px; min-width : 80px; } } &.section-5 table td { p{ width : 100%; max-width : 76px; min-width : 60px; } } &.section-6 table td { p{ width : 100%; max-width : 56px; min-width : 20px; } } } } @media (max-width: 960px) and (-ms-high-contrast: none), (-ms-high-contrast: active) { .con-page-nav-resp { &.section-2 table td { p{ width : 100%; max-width : 243px; min-width : 130px; } } &.section-3 table td { p{ width : 100%; max-width : 152px; min-width : 100px; } } &.section-4 table td { p{ width : 100%; max-width : 108px; min-width : 80px; } } &.section-5 table td { p{ width : 100%; max-width : 80px; min-width : 60px; } } &.section-6 table td { p{ width : 100%; max-width : 58px; min-width : 30px; } } } } @media (min-width:768px) and (max-width: 850px) and (-ms-high-contrast: none), (-ms-high-contrast: active) { .con-page-nav-resp { &.section-2 table td { p{ width : 100%; max-width : 215px; min-width : 110px; } } &.section-3 table td { p{ width : 100%; max-width : 132px; min-width : 80px; } } &.section-4 table td { p{ width : 100%; max-width : 92px; min-width : 70px; } } &.section-5 table td { p{ width : 100%; max-width : 68px; min-width : 50px; } } &.section-6 table td { p{ width : 100%; max-width : 51px; min-width : 30px; } } } } */ .con-page-nav-resp .mobileView.visible-xs { background-color: #f5f6f8; width: 100%; height: 50px; position: absolute; z-index: 1000; padding: 0; margin: 0; box-shadow: none; } .con-page-nav-resp .mobileView.visible-xs .menuBar { display: table; width: 100%; height: 100%; } .con-page-nav-resp .mobileView.visible-xs .menuBar div { display: table-cell; vertical-align: middle; text-align: center; } .con-page-nav-resp .mobileView.visible-xs .menuBar div select { width: 260px; font: 15px "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; line-height: 20px; } .con-page-nav-resp .mobileView.visible-xs select.custom-select { margin-left: auto; margin-right: auto; left: 0; right: 0; position: absolute; top: 30%; } .con-page-nav-resp .mobileView.visible-xs .custom-select-wrapper > div.custom-select { display: none; } footer .include_container { background-color: #F5F5F5; margin: 0 auto; width: 100%; } .r-site-footer { font: normal 14px/16px Helvetica, "Helvetica Neue", Arial, sans-serif; list-style: none; margin: 0 auto; padding: 32px 0 ; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* ### PROPERTY LINKS web ### */ /* ### WATERCOOLER LINKS web ##*/ /* ### COMPANY LINKS web ##*/ /* ### GLOBAL SITE LINKS web ##*/ } .r-site-footer a, .r-site-footer ul li, .r-site-footer ul li a { font: normal 14px/16px Helvetica, "Helvetica Neue", Arial, sans-serif; } .r-site-footer hr.interspace_divider { margin: 30px 0; } .r-site-footer .r-footer-propertylinks { margin: 0; padding: 0; } .r-site-footer .r-footer-propertylinks h5 { background-image: none; color: #202020; padding: 0 0 16px 0; font: bold 14px/16px Helvetica, "Helvetica Neue", Arial, sans-serif; } .r-site-footer .r-footer-propertylinks ul { margin: 0; } .r-site-footer .r-footer-propertylinks ul li { padding: 0 0 10px 0; } .r-site-footer .r-footer-propertylinks ul li:last-child { padding: 0; } .r-site-footer .r-footer-propertylinks ul.collapse { display: block; } .r-site-footer .r-footer-social { padding: 0; } .r-site-footer .r-footer-social ul { padding: 0; } .r-site-footer .r-footer-social ul li { display: block; float: left; list-style-type: none; margin-left: 5px; width: 30px; height: 30px; } .r-site-footer .r-footer-social ul li a span { width: 30px; height: 30px; } .r-site-footer .r-footer-social ul li .footer-icon-facebook { background-position: -10px -712px; } .r-site-footer .r-footer-social ul li .footer-icon-facebook:hover { background-position: -10px -761px; } .r-site-footer .r-footer-social ul li .footer-icon-twitter { background-position: -48px -712px; } .r-site-footer .r-footer-social ul li .footer-icon-twitter:hover { background-position: -48px -761px; } .r-site-footer .r-footer-social ul li .footer-icon-linkedin { background-position: -165px -712px; } .r-site-footer .r-footer-social ul li .footer-icon-linkedin:hover { background-position: -165px -761px; } .r-site-footer .r-footer-social ul li .footer-icon-youtube { background-position: -126px -712px; } .r-site-footer .r-footer-social ul li .footer-icon-youtube:hover { background-position: -126px -761px; } .r-site-footer .r-footer-social ul li .footer-icon-gplus { background-position: -85px -712px; } .r-site-footer .r-footer-social ul li .footer-icon-gplus:hover { background-position: -85px -761px; } .r-site-footer .r-footer-company { padding: 0; } .r-site-footer .r-footer-company ul { padding: 0; text-align: center; } .r-site-footer .r-footer-company ul li { color: #505050; display: inline; padding: 0 8px; } .r-site-footer .r-footer-company ul li a { color: #505050; } .r-site-footer .r-footer-global { padding: 0; } .r-site-footer .r-footer-global a { color: #505050; padding: 3px 0 0 22px; } .r-site-footer .r-footer-global hr { display: none; } .r-site-footer .r-footer-global .footer-icon-global { background-position: -680px -70px; margin-right: 4px; } .r-site-footer .r-footer-global .footer-icon-global:hover { background-position: -680px -100px; } /*r-site-footer*/ @-moz-document url-prefix() { .r-site-footer .r-footer-global a { padding-top: 4px; } } /* ### legal SITEBRAND ##*/ .legal-footer .footer-branding .footer-intuit-logo { background-position: -495px 0; display: block; height: 24px; width: 351px; } /*### Phone landscape & smaller width ### */ @media only screen and (max-width: 767px) { .r-site-footer { width: auto; /* ### PROPERTY LINKS tablet ### */ /* ### WATERCOOLER tablet ##*/ /* ### GLOBAL phone tablet ### */ /* BEGIN LEGAL FOOTER */ /* END LEGAL FOOTER */ } .r-site-footer .center-sm section.ccontainer div.ctext { display: table; margin: 0 auto; } .r-site-footer .r-footer-propertylinks h5 { background-image: url('https://quickbooks.intuit.com/etc/designs/harmony/images/global-sprite-fallback.png'); background-image: url('https://quickbooks.intuit.com/etc/designs/harmony/images/global-sprite.svg'); background-repeat: no-repeat; color: #365EBF; font: bold 14px/16px Helvetica, "Helvetica Neue", Arial, sans-serif; padding: 0 0 17px 18px; text-decoration: none; } .r-site-footer .r-footer-propertylinks h5.hidden_mpanel { background-position: -992px -477px; margin: 0 0 13px 0; } .r-site-footer .r-footer-propertylinks h5.shown_mpanel { background-position: -989px -253px; margin: 0; } .r-site-footer .r-footer-propertylinks ul.collapse { display: none; } .r-site-footer .r-footer-propertylinks ul { margin-left: 20px; } .r-site-footer .r-footer-propertylinks ul li:last-child { padding-bottom: 22px; } .r-site-footer .r-footer-social { margin: 0 0 30px 0; } .r-site-footer .r-footer-social ul { padding: 0; min-height: 30px; margin: 0 auto; } .r-site-footer .r-footer-global { padding: 0; /* ### COMPANY LINKS tablet ##*/ } .r-site-footer .r-footer-global hr { display: block; margin: 20px 0; } .r-site-footer .r-footer-global a.footer-global-select-country { margin: 20px auto 0 auto; } .r-site-footer .r-footer-global .r-footer-company ul { text-align: left; } .r-site-footer .footer-legal-content ul.footer-legal-links { display: table; margin: 15 auto; } .r-site-footer .footer-legal-content .copyright { padding: 0; } .r-site-footer .footer-legal-content .footer-legal-copy { display: table; margin: 0 auto 20px auto; } .r-site-footer .footer-legal-content .footer-branding .footer-intuit-logo { margin: 0 auto 15px auto; } .r-site-footer .footer-legal-content .center-sm .row .footer-legal-truste-logo-container { display: table; margin: 0 auto; } .r-site-footer .footer-legal-content .center-sm .row .footer-legal-truste-logo-container .footer-truste-logo { background-position: -498px -31px; } } @media only screen and (max-width: 479px) { .r-site-footer .footer-branding .footer-intuit-logo { background-position: -495px -140px; height: 50px; margin: 0 auto 15px auto; } } /* use'rfooter-bk' or 'footer-sprite' to use background sprite */ .rfooter-bk, .footer-sprite { background-image: url('https://quickbooks.intuit.com/etc/designs/harmony/images/global-sprite-fallback.png'); background-image: url('https://quickbooks.intuit.com/etc/designs/harmony/images/global-sprite.svg'); background-repeat: no-repeat; background-size: initial; } /* use'footer-blacktext' to change font color to black */ .r-site-footer .footer-blacktext a, .resp-site-footer .footer-blacktext a, .r-site-footer .footer-blacktext a:visited, .resp-site-footer .footer-blacktext a:visited { color: #000; } .r-site-footer .footer-blacktext a:hover, .resp-site-footer .footer-blacktext a:hover { color: #365ebf; } /***** BEGIN new responsive footer *****/ /*'dotspace' adds a dot between each link in the compony links */ .dotspace ul li::before { content: "\2022"; margin-right: 8px; } .dotspace ul li:first-child:before { content: ""; } /*browser 2*/ .resp-site-footer { /*legal*/ } .resp-site-footer .rfooter-legal { color: #fff; font: bold 12px/16px Helvetica, "Helvetica Neue", Arial, sans-serif; width: auto; } .resp-site-footer .rfooter-legal p, .resp-site-footer .rfooter-legal a { color: #fff; font: bold 12px/16px Helvetica, "Helvetica Neue", Arial, sans-serif; } .resp-site-footer .rfooter-legal .row { margin: 0 0 25px 0; } .resp-site-footer .rfooter-legal .rfooter-brand { background-position: -495px 0; height: 25px; text-indent: -100em; width: 350px; } .resp-site-footer .rfooter-legal .rfooter-brand a.r-footer-intuit-logo { display: block; height: 30px; } .resp-site-footer .rfooter-legal .rfooter-legal-links { vertical-align: text-top; } .resp-site-footer .rfooter-legal .rfooter-legal-links ul { padding: 0; float: right; } .resp-site-footer .rfooter-legal .rfooter-legal-links ul li { float: left; list-style: none; margin: 0 8px; } .resp-site-footer .rfooter-legal .rfooter-legal-links ul li a { font-weight: bold; text-decoration: none; } .resp-site-footer .rfooter-legal .rfooter-truste { display: table; float: right; height: 31px; margin: 0 auto; } .resp-site-footer .rfooter-legal .rfooter-truste img.footer-truste-logo { background-position: -498px -31px; height: 31px; width: 102px; } /*tablet 2*/ @media only screen and (max-width: 767px) { .resp-site-footer .rfooter-legal .rfooter-truste { display: table; margin: 15px auto 20px auto; } .resp-site-footer .rfooter-legal .rfooter-brand { height: 28px; margin: 0 auto; width: 350px; } .resp-site-footer .rfooter-legal .rfooter-legal-links { margin: 15px 0 0 0; } .resp-site-footer .rfooter-legal .rfooter-legal-links ul { float: none; display: table; margin-left: auto; margin-right: auto; } .resp-site-footer .rfooter-legal .rfooter-truste { float: none; margin-left: auto; margin-right: auto; } } /*phone 2*/ @media only screen and (max-width: 479px) { .resp-site-footer .rfooter-legal .rfooter-brand { background-position: -495px -140px; height: 50px; width: 160px; } .resp-site-footer .rfooter-legal .rfooter-brand a.r-footer-intuit-logo { height: 50px; } .resp-site-footer .rfooter-legal .rfooter-legal-links { margin: 15px 0 0 0; } .resp-site-footer .rfooter-legal .rfooter-legal-links ul { float: none; display: table; margin-left: auto; margin-right: auto; } } /***** END new responsive footer *****/ .resp_grid.grid-container-680 { width: 680px; } .resp_grid.grid-container-100 { width: 100%; } .blog_img img { width: 100%; } .blog_txt { width: 100%; background-color: #ffffff; padding: 7%; line-height: 22px; font-size: 16px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .blog_txt .blog_title { color: #193048; font-weight: bold; text-align: left; } .blog_txt .blog_title .blog_para { color: #393a3d; } .blog_feed { padding: 3% 1% 3% 1%; } .creviews-list-rss h2 { font-family: "FS Albert Web 300", "FS Albert Web", "Calibri", "Trebuchet MS", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 300; font-size: 30px; line-height: 36px; } .creviews-list-rss .creview { margin-top: 42px; } .creviews-list-rss .title, .creviews-list-rss .description { padding-bottom: 21px; } .creviews-list-rss .fa-rating-stars { margin-left: -7px; } .ctestimonial { margin: 40px 0; } .ctestimonial .ctestimonial_mini_image_section { text-align: right; } .ctestimonial .ctestimonial_rating { background-image: url('https://quickbooks.intuit.com/etc/designs/harmony/images/global-sprite-fallback.png'); background-image: url('https://quickbooks.intuit.com/etc/designs/harmony/images/global-sprite.svg'); background-position: -500px -830px; background-repeat: no-repeat; height: 20px; margin: 0 auto; width: 120px; } .ctestimonial .ctestimonial_rating .rating { display: inline-block; height: 20px; width: 120px; background-image: url('https://quickbooks.intuit.com/etc/designs/harmony/images/global-sprite-fallback.png'); background-image: url('https://quickbooks.intuit.com/etc/designs/harmony/images/global-sprite.svg'); background-position: -500px -800px; text-indent: -100em; overflow: hidden; } .ctestimonial .ctestimonial_rating .rating-3 { width: 66px; } .ctestimonial .ctestimonial_rating .rating-4 { width: 88px; } .ctestimonial .ctestimonial_rating .rating-5 { width: 114px; } .ctestimonial .ctestimonial_review { color: #8d9096; font: 19px "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; font-weight: 400; font-style: italic; overflow: hidden; padding: 16px 0 0 0; text-align: center; } .ctestimonial .ctestimonial_text_footer { padding: 20px 0 0 0; text-align: center; } .ctestimonial.testimonial_mini .ctestimonial_image_section img.ctestimonial_mini_image { border: 1px solid red; } .ctestimonial.testimonial_mini .ctestimonial_reviews_section .ctestimonial_rating { margin: 0; } .ctestimonial.testimonial_mini .ctestimonial_reviews_section .ctestimonial_review { padding: 16px 0 0; text-align: left; font-size: 15px; line-height: 20px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; color: #393a3d; color: #fff; } .ctestimonial.testimonial_mini .ctestimonial_reviews_section .ctestimonial_author { text-align: left; font-size: 15px; line-height: 20px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; color: #393a3d; color: #85878d; } @media only screen and (max-width: 767px) { .ctestimonial .ctestimonial_review { padding: 16px 0 0; } .ctestimonial.testimonial_mini .ctestimonial_image_section { margin: 0 auto; } .ctestimonial.testimonial_mini .ctestimonial_mini_image_section { text-align: center; margin-bottom: 20px; } .ctestimonial.testimonial_mini .ctestimonial_rating { margin: 0 auto !important; } .ctestimonial.testimonial_mini .ctestimonial_review { text-align: center !important; padding-left: 30px; padding-right: 30px; } .ctestimonial.testimonial_mini .ctestimonial_author { text-align: center !important; } .cleft > .ctestimonial.testimonial_mini { margin-bottom: 0; } } .con-page-nav { background-color: #f5f6f8; width: 100%; border: 1px solid #d7d7d7; left: 50%; margin-left: 0; position: absolute; z-index: 1000; box-shadow: none; } .con-page-nav .content-container.row { margin: 0 auto; } .con-page-nav .title, .con-page-nav ul { display: table; float: left; height: 64px; } .con-page-nav .title { padding: 0 20px 0 0; border-right: 1px solid #e8e9e9; } .con-page-nav .title h2 { display: table-cell; vertical-align: middle; font-size: 15px; font-family: "FS Albert Web 300", "FS Albert Web", "Calibri", "Trebuchet MS", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 300; letter-spacing: -1px; color: #414141; } .con-page-nav ul { width: 579px; } .con-page-nav ul li { display: block; width: 24%; float: left; border-right: 1px solid #e8e9e9; text-align: center; } .con-page-nav ul li a { color: #505050; display: block; } .con-page-nav ul li a:hover { text-decoration: none; } .con-page-nav ul li a:focus { outline: 0; } .con-page-nav ul li > div { height: 57px; } .con-page-nav ul li > div > div { margin: 13px auto 4px; height: 20px; width: 22px; } .con-page-nav ul li .overview-icon { background-position: -500px -557px; } .con-page-nav ul li .features-icon { background-position: -580px -560px; } .con-page-nav ul li .pricing-icon { background-position: -538px -560px; } .con-page-nav ul li .techSpecs-icon { background-position: -619px -560px; } .con-page-nav ul li:hover { cursor: pointer; } .con-page-nav ul li:hover a { color: #2c53b7; } .con-page-nav ul li:hover .overview-icon { background-position: -500px -597px; } .con-page-nav ul li:hover .features-icon { background-position: -580px -600px; } .con-page-nav ul li:hover .pricing-icon { background-position: -538px -600px; } .con-page-nav ul li:hover .techSpecs-icon { background-position: -619px -600px; } .con-page-nav ul li.active > div { border-bottom: 6px solid #9caab0; height: 51px; } .con-page-nav .cta-btn, .con-page-nav .cta { max-width: 175px; float: right; display: table; height: 64px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .con-page-nav .cta-btn > div, .con-page-nav .cta > div { display: table-cell; vertical-align: middle; } .con-page-nav .cta-btn .cta-align-left, .con-page-nav .cta .cta-align-left { float: left; } .con-page-nav .cta-btn .cta-align-right, .con-page-nav .cta .cta-align-right { float: right; } .con-page-nav .cta-btn.show, .con-page-nav .cta.show { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .con-page-nav a.ctaprimary, .con-page-nav a.ctasecondary { padding: 2px 9px 2px 9px; display: table-cell; } .con-page-nav a.ctaprimary, .con-page-nav a.ctasecondary, .con-page-nav a.ctatertiary, .con-page-nav a.ctaplain { max-width: 140px; } .con-page-nav .title.has-image { max-width: none; padding: 0 5px 0 0; } .con-page-nav .title.has-image .cimage { width: 50%; display: table-cell; vertical-align: middle; } .con-page-nav .title.has-image h2 { width: 50%; padding: 0 0 0 10px; } .con-page-nav .title.has-image ~ .cta { max-width: none; } .con-page-nav.fixed { position: fixed; top: 0; } .cbulleted-list .title, .cbulleted-list .contact { padding: 50px 0 35px; padding: 5rem 0 3.5rem; } .cbulleted-list .title ul, .cbulleted-list .contact ul { margin-top: 20px; margin-top: 2rem; padding-top: 0; } .cbulleted-list .title ul li, .cbulleted-list .contact ul li { margin-bottom: 15px; margin-bottom: 1.5rem; line-height: 1.45; } .cbulleted-list .title ul { margin-left: 0; } .cbulleted-list .title ul li { list-style-type: none; position: relative; display: block; padding-left: 30px; } .cbulleted-list .title ul li .checkmark { position: absolute; top: 0; left: 0; text-indent: -9999px; } .cbulleted-list .contact ul { margin-left: 20px; margin-left: 2rem; list-style: disc; } /* PHONE DEVICES */ @media only screen and (max-width: 767px) { .cbulleted-list .title { padding: 50px 0 0; padding: 5rem 0 0; } .cbulleted-list .contact { padding: 25px 0 0; padding: 2.5rem 0 0; } } @media only screen and (max-width: 480px) { .cbulleted-list { padding-top: 0 0 32px; padding-top: 3.2rem; /* bootstrap3 classes handles 768px and below as one, so custom make phone columns stack */ /* likewise, remove column offsets when below 480px */ } .cbulleted-list .row [class*="col-"] { width: auto; float: none; } .cbulleted-list .row [class*="offset-"] { margin-left: 0; } .cbulleted-list .title, .cbulleted-list .contact { padding: 0 0 17px; padding: 0 0 1.7rem; } } .chero-lead-gen .col-md-7 > div { margin: 48px 0 48px 40px; } .chero-lead-gen h1 { margin-bottom: 18px; } @media (max-width: 767px) { .chero-lead-gen .col-md-7 > div { margin: 24px 20px; } .chero-lead-gen .col-md-5 { padding: 0; } } .clead-gen-form { display: table; margin: 48px auto; margin: 4.8rem auto; padding: 40px; padding: 4rem; background-color: #d3d3d3; } .clead-gen-form > div { display: inline-block; text-align: center; } .clead-gen-form .cta1 { margin-top: 30px; text-align: center; } .clead-gen-form .cta1 button[type="submit"] { line-height: 1.5em; border: 1px solid #f55e00; height: auto; padding: 3px 10px 0; color: #fff; background: #f77b00; background: linear-gradient(to bottom, #f77b00 0%, #f55e00 100%); background: -webkit-linear-gradient(top, #f77b00 0%, #f55e00 100%); background: -moz-linear-gradient(top, #f77b00 0%, #f55e00 100%); background: -o-linear-gradient(top, #f77b00 0%, #f55e00 100%); background: -ms-linear-gradient(top, #f77b00 0%, #f55e00 100%); } .clead-gen-form .cta1 button[type="submit"]:hover { background: #ff8e17; background: linear-gradient(to bottom, #ff8e17 0%, #ff6c12 100%); background: -webkit-linear-gradient(top, #ff8e17 0%, #ff6c12 100%); background: -moz-linear-gradient(top, #ff8e17 0%, #ff6c12 100%); background: -o-linear-gradient(top, #ff8e17 0%, #ff6c12 100%); background: -ms-linear-gradient(top, #ff8e17 0%, #ff6c12 100%); } .clead-gen-form .cta1 button[type="submit"]:active { background: #f45400; background: linear-gradient(to bottom, #f45400 0%, #f98a00 100%); background: -webkit-linear-gradient(top, #f45400 0%, #f98a00 100%); background: -moz-linear-gradient(top, #f45400 0%, #f98a00 100%); background: -o-linear-gradient(top, #f45400 0%, #f98a00 100%); background: -ms-linear-gradient(top, #f45400 0%, #f98a00 100%); } .clead-gen-form .form-control { margin: 24px auto; margin: 2.4rem auto; } .clead-gen-form select { -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; background: #ffffff url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg==") no-repeat 97% center; border: 0; } @media (max-width: 767px) { .clead-gen-form { width: 100%; margin: 0; } .clead-gen-form .form-control { height: 40px; } } /* push down next sibling down */ .con-page-nav + *, .con-page-nav + section { padding-top: 72px; } .clearfix td { display: block; padding: 15px 10px; border-right: 1px solid #ccc; float: left; } .clearfix td .cimage { text-align: center; } .con-page-nav .title { padding-right: 20px; max-width: 200px; } .con-page-nav ul { width: auto; } .con-page-nav ul li { width: 137px; height: 70px; } .con-page-nav ul li > div { height: 100%; display: table; margin: 0 auto; padding: 0 20px; } .con-page-nav ul li > div > .ctext { width: auto; display: table-cell; vertical-align: middle; line-height: 1.2; } .con-page-nav ul li > div > div { width: auto; } .con-page-nav ul li a, .con-page-nav ul li a:focus, .con-page-nav ul li a:hover { text-decoration: none; } .con-page-nav ul li.active > div { height: 100%; width: 100%; border-bottom: 6px solid #9caab0; padding-top: 6px; } .con-page-nav .cta.show { display: table !important; } .con-page-nav.with-radio-selections .cta { margin-right: -15px; } @media (max-width: 1040px) { .con-page-nav { width: 100%; margin-left: -50%; } } @media (max-width: 960px) { .con-page-nav ul li { width: 110px; } .con-page-nav.with-radio-selections { display: none !important; } .con-page-nav.with-radio-selections + *, .con-page-nav.with-radio-selections + section { padding-top: 0; } } @media (max-width: 767px) { .con-page-nav + *, .con-page-nav + section { padding-top: 0; } } /* Display:table is causing style-issues in safari 6 & below. So using this media query to change the style just for safari. */ @media only screen and (-webkit-min-device-pixel-ratio: 1) { ::i-block-chrome .title, .con-page-nav .title { display: block; max-width: 190px; padding-top: 25px; padding-right: 20px; } ::i-block-chrome .title h2, .con-page-nav .title h2 { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } } .cradio-selection .col-md-5 { padding: 0; } .cradio-selection .small-box { background: #fff; margin-top: 30px; padding: 20px; } .cradio-selection .small-box label { font-weight: normal; } .cradio-selection .small-box .ctext h1, .cradio-selection .small-box .ctext h2, .cradio-selection .small-box .ctext h3, .cradio-selection .small-box .ctext h4, .cradio-selection .small-box .ctext p { color: #333; } .cradio-selection .small-box input { display: inline-block; } .cradio-selection .small-box form { margin-top: 12px; } .cradio-selection .small-box form > div { display: inline-block; } .cradio-selection .small-box form .cta1 { position: relative; bottom: 10px; left: 20px; } .cradio-selection.simple .radio-opts, .cradio-selection.simple .cta1 { display: table-cell; vertical-align: middle; } .cradio-selection.simple .radio-opts label { font-weight: normal; } .cradio-selection.simple .radio-opts input[type="radio"] { margin: 5px 0 0 20px; } .cradio-selection.simple .cta1 { padding-left: 20px; } @media (max-width: 960px) { .cradio-selection .small-box { max-width: 300px; } .cradio-selection .small-box form .cta1 { display: block; position: static; margin-top: 6px; } } /** * Responsive Features Component * * this is meant to eventually replace the legacy .cfeatures-small component in Harmony */ .cfeatures-small { margin: 0; } .cfeatures-small .section-header { padding-left: 30px; padding-left: 3rem; padding-right: 30px; padding-right: 3rem; } .cfeatures-small .section-header.footer-cta { padding-top: 36px; padding-bottom: 0; line-height: 1; } .cfeatures-small .section-header.footer-cta .centered .ccta a { display: table-cell; vertical-align: middle; } .cfeatures-small h2 { margin: 0 auto 36px; margin: 0 auto 3.6rem; padding: 0; } .cfeatures-small h4 { margin: 18px 0; margin: 1.8rem 0; padding: 0; } .cfeatures-small .row-2 { margin-top: 72px; margin-top: 7.2rem; } .cfeatures-small .ctext { margin: 0; padding: 0; } .cfeatures-small .ctext h2 { margin-bottom: 24px; margin-bottom: 2.4rem; font-family: "DIN Next LT Pro 300", "DIN Next LT Pro", "Consolas", "Monaco", "Lucida Console", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 300; font-size: 64px; font-size: 6.4rem; } .cfeatures-small .ctext ul { padding-top: 0; } .cfeatures-small .cimage img { width: auto; max-width: 100%; height: auto; } .cfeatures-small .ctaprimary, .cfeatures-small .ctasecondary, .cfeatures-small .ctatertiary { display: inline-block; margin-left: 10px; margin-left: 1rem; } .cfeatures-small .cfeatures-small_cta { padding: 72px 0 54px; padding: 7.2rem 0 5.4rem; width: 100%; text-align: center; } .cfeatures-small .cfeatures-small_cta span { color: #666; } @media (max-width: 767px) { .cfeatures-small { padding-top: 48px; padding-top: 4.8rem; /* bootstrap3 classes handles 768px and below as one, so custom make phone columns stack */ /* likewise, remove column offsets when below 480px */ /* for phones, reduce spacing below each item to tighten up */ /* when stacked, remove bottom padding of very last item to avoid adding too much spacing when including spacing from next component */ /* for phones, image is left of text; for all else, image is above text (default) */ } .cfeatures-small .row [class*="col-"] { width: auto; float: none; } .cfeatures-small .row [class*="offset-"] { margin-left: 0; } .cfeatures-small .row-2 { margin-top: 18px; margin-top: 1.8rem; } .cfeatures-small .ctext { margin-bottom: 18px; margin-bottom: 1.8rem; } .cfeatures-small .ctext h2, .cfeatures-small .ctext h3, .cfeatures-small .ctext h4, .cfeatures-small .ctext h5, .cfeatures-small .ctext h6 { margin-top: 0; } .cfeatures-small .row [class^='span']:last-of-type .ctext, .cfeatures-small .row [class*=' myclass']:last-of-type .ctext { margin-bottom: 0; } .cfeatures-small .item { position: relative; } .cfeatures-small .item .item-image { float: left; width: 25%; } .cfeatures-small .item .item-text { float: left; margin-left: 5%; width: 70%; } .cfeatures-small .row + .row > .span4 .item, .cfeatures-small .span4 + .span4 .item { margin-top: 24px; margin-top: 2.4rem; } /** * features1 has a mode, where the images are 1, 2, 3 above the text (such as on the promo learn more complex template) * which responds differently on mobile. this media query section here will address that. * * you must make sure that the container containing this use case of the features1 component has * a class of .overview (you can set this in the container dialog box) */ .overview .cfeatures-small .ctext h2, .overview .cfeatures-small .ctext h3, .overview .cfeatures-small .ctext h4, .overview .cfeatures-small .ctext h5, .overview .cfeatures-small .ctext h6 { text-align: center; } .overview .cfeatures-small .item .item-image, .overview .cfeatures-small .item .item-text { float: none; width: auto; } .overview .cfeatures-small .item .item-image { margin-bottom: 18px; margin-bottom: 1.8rem; } } .cfeatures-large-alternating { margin: 72px 0 0; margin: 7.2rem 0 0; } .cfeatures-large-alternating .heading { padding: 0 20px; padding: 0 2rem; } .cfeatures-large-alternating .heading h1, .cfeatures-large-alternating .heading h2, .cfeatures-large-alternating .heading h3, .cfeatures-large-alternating .heading h4, .cfeatures-large-alternating .heading h5 { text-align: center; margin-bottom: 36px; margin-bottom: 3.6rem; } .cfeatures-large-alternating .media img, .cfeatures-large-alternating .info img { width: auto; max-width: 100%; } .cfeatures-large-alternating .media { margin: 0 0 72px; } .cfeatures-large-alternating .info { margin: 0 40px 72px 0; } .cfeatures-large-alternating .info p { margin-top: 18px; margin-top: 1.8rem; } .cfeatures-large-alternating [class*="pull-"] .info { margin-left: 40px; margin-left: 4rem; margin-right: 0; } .cfeatures-large-alternating .parbase.container, .cfeatures-large-alternating .parsys.container { width: auto !important; } @media (max-width: 1023px) { .cfeatures-large-alternating .media, .cfeatures-large-alternating .info { margin-bottom: 42px; } } @media (max-width: 767px) { .cfeatures-large-alternating { margin-top: 48px; margin-top: 4.8rem; /* undo left indent on phones */ } .cfeatures-large-alternating [class*="pull-"] .info { margin-left: 0; } } @media (max-width: 479px) { .cfeatures-large-alternating { /* bootstrap3 classes handles 768px and below as one, so custom make phone columns stack */ /* likewise, remove column offsets when below 480px */ /* undo left indent on phones */ } .cfeatures-large-alternating .row [class*="col-"] { width: auto; float: none; } .cfeatures-large-alternating .row [class*="offset-"] { margin-left: 0; } .cfeatures-large-alternating [class*="pull-"] .info { margin-left: 0; } .cfeatures-large-alternating .media, .cfeatures-large-alternating .info { margin-bottom: 24px; } .cfeatures-large-alternating .media img, .cfeatures-large-alternating .info img { width: 100%; } .cfeatures-large-alternating .media { text-align: center; } .cfeatures-large-alternating .media .cvideo { padding-bottom: 0; width: 100%; } .cfeatures-large-alternating .media .cvideo iframe { width: 100%; } } .cfeatures-medium { margin: 72px 0 0; margin: 7.2rem 0 0; } .cfeatures-medium .heading { padding: 0 20px; padding: 0 2rem; } .cfeatures-medium .heading h1, .cfeatures-medium .heading h2, .cfeatures-medium .heading h3, .cfeatures-medium .heading h4, .cfeatures-medium .heading h5 { text-align: center; } .cfeatures-medium .media, .cfeatures-medium .info { padding-top: 72px; padding-top: 7.2rem; } .cfeatures-medium .media img { max-width: 100%; } .cfeatures-medium .info p, .cfeatures-medium .info ul { margin-top: 18px; margin-top: 1.8rem; } .cfeatures-medium .parbase.container, .cfeatures-medium .parsys.container { width: auto !important; } @media (min-width: 768px) { .cfeatures-medium .row { margin-left: auto; margin-right: auto; } } @media (max-width: 767px) { .cfeatures-medium { margin-top: 48px; margin-top: 4.8rem; /* likewise, remove column offsets when below 480px */ /* undo left indent on phones */ /* add necessary float clearing for each "pseudo-row" of tn+text */ /* for phones, reduce spacing below each item to tighten up */ /* when stacked, remove bottom padding of very last item to avoid adding too much spacing when including spacing from next component */ /* for phones, image is left of text; for all else, image is above text (default) */ } .cfeatures-medium .row [class*="offset-"] { margin-left: 0; } .cfeatures-medium [class*="pull-"] .info { margin-left: 0; } .cfeatures-medium .row .col-xs-4 { clear: left; padding-left: 10px; padding-right: 10px; margin-bottom: 24px; margin-bottom: 2.4rem; } .cfeatures-medium .ctext { padding-bottom: 24px; padding-bottom: 2.4rem; } .cfeatures-medium .row [class^='span']:last-of-type .ctext, .cfeatures-medium .row [class*=' span']:last-of-type .ctext { padding-bottom: 0; } .cfeatures-medium .media, .cfeatures-medium .info { padding-top: 0; } .cfeatures-medium .item { position: relative; } .cfeatures-medium .item .hide-phone { display: none; } .cfeatures-medium .item .item-image { float: left; width: 20%; } .cfeatures-medium .item .item-text { float: left; margin-left: 5%; width: 75%; } } @media (max-width: 479px) { .cfeatures-medium .row .col-xs-4, .cfeatures-medium .row .col-xs-8 { width: 100%; } .cfeatures-medium .row .ungutter { padding-left: 0; padding-right: 0; } .cfeatures-medium .info { padding-bottom: 18px; padding-bottom: 1.8rem; } .cfeatures-medium .interspace_container { display: none; } } .cfeatures-sidebar { margin: 0; padding: 72px 0 0; padding: 7.2rem 0 0; min-height: 100px; position: relative; } .cfeatures-sidebar .bg { position: absolute; width: 26%; height: 100%; top: 0; left: auto; right: 0; background-color: #f2f2f4; } .cfeatures-sidebar .cimage { text-align: center; } .cfeatures-sidebar .cimage img { width: auto; max-width: 100%; height: auto; } .cfeatures-sidebar .ctext { padding-top: 0; padding-bottom: 0; } .cfeatures-sidebar .heading { padding: 0 20px; padding: 0 2rem; margin-bottom: 54px; margin-bottom: 5.4rem; } .cfeatures-sidebar .info { margin-top: 30px; margin-top: 3rem; } .cfeatures-sidebar .info p, .cfeatures-sidebar .info ul { margin-top: 20px; margin-top: 2rem; } .cfeatures-sidebar .heading { text-align: center; } .cfeatures-sidebar .mainbar { padding: 0 10px; padding: 0 1rem; } .cfeatures-sidebar .sidebar { padding-left: 0; padding-right: 0; } .cfeatures-sidebar .sidebar .heading, .cfeatures-sidebar .sidebar .cimage, .cfeatures-sidebar .sidebar .ctext, .cfeatures-sidebar .sidebar .info { padding-left: 0; padding-right: 0; } .cfeatures-sidebar .sidebar .heading { margin-top: 18px; margin-top: 1.8rem; } .cfeatures-sidebar .sidebar .info .ctext { padding: 0 30px 72px; padding: 0 3rem 7.2rem; } @media (min-width: 1024px) { .cfeatures-sidebar .sidebar { position: relative; left: 14px; } } @media (max-width: 767px) { .cfeatures-sidebar { padding-top: 42px; } .cfeatures-sidebar .heading { margin-bottom: 30px; } .cfeatures-sidebar .bg { display: none; } .cfeatures-sidebar .cimage { float: left; width: 20%; margin: 0 0 30px 0; margin-bottom: 3rem; } .cfeatures-sidebar .info { float: left; width: 80%; margin: 0 0 30px 0; margin-bottom: 3rem; padding-left: 20px; padding-left: 2rem; } .cfeatures-sidebar .sidebar { background-color: #f2f2f4; padding: 30px 80px 54px; padding: 3rem 8rem 5.4rem; } .cfeatures-sidebar .sidebar .heading, .cfeatures-sidebar .sidebar .cimage, .cfeatures-sidebar .sidebar .info { float: none; width: auto; padding-left: 0; } .cfeatures-sidebar .sidebar .heading { text-align: center; margin-bottom: 30px; margin-bottom: 3rem; } .cfeatures-sidebar .sidebar .cimage { text-align: center; } .cfeatures-sidebar .sidebar .info { margin-bottom: 0; } .cfeatures-sidebar .sidebar .info .ctext { padding: 0; } } @media (max-width: 479px) { .cfeatures-sidebar .sidebar { padding-left: 20px; padding-left: 2rem; padding-right: 20px; padding-right: 2rem; } } .cfeatures-bar-graph li { width: 100%; background-color: #899cae; position: relative; margin-bottom: 10px; margin-bottom: 1rem; color: #ffffff; } .cfeatures-bar-graph li .bg-shaded { background-color: #264a6d; display: block; height: 40px; } .cfeatures-bar-graph li .figure-container { position: absolute; left: 15px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .cfeatures-bar-graph li .figure-container .figure { font-size: 18px; } .cfeatures-bar-graph li .figure-container .caption { position: relative; } .cfeatures-bar-graph li .figure-container .figure, .cfeatures-bar-graph li .figure-container .caption { display: inline-block; } .cfeatures-bar-graph li:last-child { margin-bottom: 0; } @media (max-width: 767px) { .cfeatures-bar-graph { padding-bottom: 72px; } .cfeatures-bar-graph li { margin-bottom: 45px; margin-bottom: 4.5rem; } .cfeatures-bar-graph li .bg-shaded { height: 35px; } .cfeatures-bar-graph li .figure-container { top: 50px; left: 0; color: #202020; } .cfeatures-bar-graph li .figure-container .figure { font-size: 16px; position: relative; } .cfeatures-bar-graph li .figure-container .caption { font-size: 16px; } } .cfeatures-percentage { margin-bottom: 8px; } .cfeatures-percentage .burst, .cfeatures-percentage .description { display: inline-block; } .cfeatures-percentage .burst { width: 72px; height: 72px; position: relative; } .cfeatures-percentage .burst .percentage { color: #0096ce; position: absolute; top: 23px; right: 14px; } .cfeatures-percentage .burst .percentage sup { top: -6px; font-size: 18px; } .cfeatures-percentage .description .ctext { display: table; height: 72px; } .cfeatures-percentage .description .ctext p { display: table-cell; vertical-align: middle; color: #0096ce; } .cfeatures-percentage .description .ctext p span { color: #0096ce; } @media (max-width : 1023px) { .cfeatures-percentage { display: inline-block; margin: 30px 46px 0; } .cfeatures-percentage .burst, .cfeatures-percentage .description { display: block; } .cfeatures-percentage .burst { margin: 0 auto; } } @media (max-width: 767px) { .cfeatures-percentage { display: inline-block; margin: 0 16px; } .cfeatures-percentage .burst, .cfeatures-percentage .description { display: block; } .cfeatures-percentage .burst { margin: 0 auto; } } @media (max-width: 479px) { .cfeatures-percentage { display: block; margin-bottom: 12px; } .cfeatures-percentage .burst, .cfeatures-percentage .description { display: inline-block; } } .cfeatures-bar-graph-percentage .row h3 { margin-bottom: 15px; text-align: center; } .cfeatures-bar-graph-percentage .row .col-md-8 h3, .cfeatures-bar-graph-percentage .row col-sm-8 h3 { text-align: left; } .cfeatures-bar-graph-percentage .row .cfeatures-percentage { text-align: center; } @media (max-width : 1023px) { .cfeatures-bar-graph-percentage .row .col-md-8, .cfeatures-bar-graph-percentage .row col-sm-8, .cfeatures-bar-graph-percentage .row .col-md-4, .cfeatures-bar-graph-percentage .row col-sm-4 { width: 100%; } .cfeatures-bar-graph-percentage .row .cfeatures-bar-graph { padding-bottom: 54px; } .cfeatures-bar-graph-percentage .row h3 { font-size: 22px; text-align: left; margin-bottom: 15px; } .cfeatures-bar-graph-percentage .row .cfeatures-percentage { margin: 0 46px 0; } } @media (max-width: 767px) { .cfeatures-bar-graph-percentage .row h3 { text-align: center; } .cfeatures-bar-graph-percentage .row .col-md-8 h3, .cfeatures-bar-graph-percentage .row col-sm-8 h3 { text-align: center; } .cfeatures-bar-graph-percentage .row .col-md-4, .cfeatures-bar-graph-percentage .row col-sm-4 { text-align: center; } .cfeatures-bar-graph-percentage .row .cfeatures-percentage { margin: 0 3px 5px; text-align: left; } } body { font: 14px "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; } a:visited { color: #055393; } a:hover { text-decoration: underline; } @media only screen and (min-width: 992px) { .content-container { width: 960px; } } .row.no-inner-gutters, .row.no-gutters { margin-left: 0; margin-right: 0; } .row.no-inner-gutters [class*='col-']:not(:first-child), .row.no-inner-gutters [class*='col-']:not(:last-child) { padding-right: 0; padding-left: 0; } .row.no-gutters [class*='col-'], .row.no-gutters [class*='col-'] { padding-right: 0; padding-left: 0; } .outer-container { width: 100%; background-color: #fff; border: none; border-radius: 0; margin: 0 auto; } .component-footer { padding-top: 40px; } .ctext ul { font-size: 15px; line-height: 20px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; color: #393a3d; padding-top: 20px; } .ctext ul li { line-height: 20px; padding-bottom: 16px; } .ctext ul li:last-child { padding-bottom: 0; } .ctext ul.p2 { font-size: 15px; line-height: 20px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; color: #393a3d; padding-top: 20px; } .ctext ul.p2 li { line-height: 20px; padding-bottom: 16px; } .ctext ul.p2 li:last-child { padding-bottom: 0; } .ctext ol { font-size: 15px; line-height: 20px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; color: #393a3d; padding-top: 20px; } .ctext ol li { line-height: 20px; padding-bottom: 16px; } .ctext ol li:last-child { padding-bottom: 0; } /* "AvenirNextRegular" */ @font-face { font-family: "AvenirNextRegular"; src: url('../fonts/avenir-500.woff2?#iefix') format('woff2'); src: url('../fonts/avenir-500.woff?#iefix') format('woff'); font-weight: 500; font-style: normal; } .price-font, .price { font-family: "DIN Next LT Pro 400", "DIN Next LT Pro", "Consolas", "Monaco", "Lucida Console", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 400; letter-spacing: -2px; } /* fonts */ h1, h2, h3, h4, .h1, .h2, .h3, .h4 { color: #393a3d; } h1, .h1 { font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif; font-weight: 500; font-size: 44px; line-height: 48px; } .h1b { font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; font-weight: 400; font-size: 24px; line-height: 28px; } h2, .h2 { font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif; font-weight: 500; font-size: 44px; line-height: 48px; } /* H2 are considered SECTION headers */ h2 { display: block; padding: 20px 0; text-align: center; } /* H2 SECTION headers */ .h2a { font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif; font-weight: 500; font-size: 32px; line-height: 36px; } .h2b { font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif; font-weight: 500; font-size: 44px; line-height: 48px; } .h2c { font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif; font-weight: 500; font-size: 28px; line-height: 32px; } h3, .h3 { font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; font-weight: 600; font-size: 19px; line-height: 24px; letter-spacing: normal; } h1, h2, h3 { letter-spacing: normal; } h4, .h4, h5, .h5 { font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; font-weight: 600; font-size: 15px; line-height: 20px; } h6 { font-size: 14px; line-height: 18px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; } p { font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; color: #393a3d; } .p1 { display: block; font-size: 19px; line-height: 24px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; } .p2 { font-size: 15px; line-height: 20px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; } .p2b { font-size: 15px; line-height: 20px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; color: #8d9096; font-style: italic; } .p3 { font-size: 12px; line-height: 16px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; } .p3b { font-size: 12px; line-height: 16px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; font-weight: 600; } .p3c { font-size: 12px; line-height: 16px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; color: #8d9096; } ul.p1 > li { display: block; font-size: 19px; line-height: 24px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; } ul.p2 > li { font-size: 15px; line-height: 20px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; } ul.p3 > li { font-size: 12px; line-height: 16px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; } ul.p4 > li { font-size: 12px; line-height: 18px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; } .p3 sup { font-size: 70%; } .p4 sup { font-size: 70%; } /* Small devices Tablet (between 768px and 991px) */ @media only screen and (max-width: 991px) { h1, .h1 { font-size: 32px; line-height: 36px; } .h1b { font-size: 19px; line-height: 24px; } h2, .h2 { font-size: 32px; line-height: 36px; } .h2b { font-size: 32px; line-height: 36px; } h3, .h3 { font-size: 19px; line-height: 24px; } h4, .h4 { font-size: 15px; line-height: 20px; } .p1 { font-size: 15px; line-height: 20px; } .p2 { font-size: 15px; } .p3 { font-size: 12px; } .p3b { font-size: 12px; line-height: 16px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; } .p3c { font-size: 12px; line-height: 16px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; } } /* Extra Small devices Phones (less than 480px) */ @media only screen and (max-width: 479px) { .h2b { font-size: 40px; line-height: 44px; } } /* provide alternate color on light gray background */ .text-black { color: #000000; } .sale-price { color: #d52b1e; } /* BODY */ /* CONTAINER */ /* OUTER CONTAINER */ /* TYPOGRAPHY */ /* FONT FAMILY */ /* FONT WEIGHT */ /* FONT SIZE */ /* LINE HEIGHT */ /* LETTER SPACING */ /* COLOR PALETTES PRIMARY, SECONDARY, TERTIARY */ /* PARAGRAPHS */ /* SECTIONS + header/subheaders */ /* SUB-SECTIONS */ /* CTA */ /* COLORS */ /* BORDER */ /* BOX-SHADOW */ /* CAROUSEL */ /* CONTAINER */ /* FAQ-QA */ /* COMP CHART 2 */ /* COMP-CHART-2-SIMPLE-HEADER */ /* DISCLOSURE */ /* FORM Vars */ /* PRICING-CARD LAYOUT */ /*helper vars for Harmony font*/ /*group headers*/ /*@pricing-card-layout-header-t-background-color: currentColor;*/ /* product title */ /*@pricing-card-layout-productcomponent-title-t-background-color: currentColor;*/ /* price ct */ /* price aw */ /* price per-month */ /* product offer (red) */ /* product offer2 */ /* feature-list */ /* PRODUCT COMPONENT */ /* PRICING CARD */ /* PRICING TABLE */ /* HERO */ /* VIDEO */ /* FOOTER */ /* RESPONSIVE TABS - added here because it's backwards compatible with non-responsive */ /* TESTIMONIAL */ /* FONT FAMILY */ /* FONT WEIGHT */ /* FONT SIZE */ /* LINE HEIGHT */ /* PARAGRAPHS */ /* CONTAINER */ /* SECTIONS header/subheaders */ /* SUB-SECTIONS */ /* CTA */ /* COLORS */ /* CAROUSEL */ /* FAQ-QA */ /* COMP CHART 2 */ /* COMP-CHART-2-SIMPLE-HEADER */ /* DISCLOSURE */ /* PRICING-CARD LAYOUT */ /* group headers */ /*@pricing-card-layout-header-t-background-color: #d4d7dc;*/ /*@pricing-card-layout-productcomponent-title-t-background-color: @bg-dark-green;*/ /* product title */ /* price ct */ /* price aw */ /* price per-month */ /* product offer (red) */ /* product offer2 */ /* feature-list */ /* PRODUCT COMPONENT */ /* PRICING CARD */ /* ONPAGENAV - base defined in resp_vars.less*/ /* TESTIMONIAL */ .ccontainer.video { padding: 20px 10px !important; /* Tablet (between 768px and 991px) */ /* Phone (less than 768px) */ } .ccontainer.video > div.ccta { padding-top: 40px; } .ccontainer.video > div.ctext { margin-top: 8px; } .ccontainer.video > div.grid-image-text { padding: 20px 0 0 0; margin-bottom: -20px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .ccontainer.video { padding-bottom: 0 !important; } .ccontainer.video > div.ccta { padding-top: 28px; } .ccontainer.video > div.grid-image-text { padding: 0; margin-bottom: 0; } } @media only screen and (max-width: 767px) { .ccontainer.video { padding: 20px 0; /* If there is an intermediate subhead following this, move it up a bit */ } .ccontainer.video > div.ccta { padding-top: 28px; } .ccontainer.video > div.grid-image-text { padding: 40px 0 0 0; margin-bottom: -40px; } .ccontainer.video + section.ss-intermediate-subhead { margin-top: -20px; } } .video-text-twobytwo { padding: 20px 90px !important; /* Small devices Tablet (between 768px and 991px) */ /* Extra Small devices Phones (less than 768px) */ } .video-text-twobytwo .row { padding-bottom: 40px; } .video-text-twobytwo .row:last-child { padding-bottom: 0; } .video-text-twobytwo .row [class*="col-"] h3 { padding-bottom: 20px; } .video-text-twobytwo div.cvideo { padding-bottom: 8px; } .video-text-twobytwo .cvideo.responsive-video .poster img { padding-bottom: 8px; } .video-text-twobytwo div.ccta { text-align: left; } .video-text-twobytwo .col-md-6 div.ccta:nth-child(2), .video-text-twobytwo .col-sm-6 div.ccta:nth-child(2), .video-text-twobytwo .col-xs-12 div.ccta:nth-child(2) { padding-bottom: 20px; } .video-text-twobytwo .col-md-6 div.ctext:nth-child(3), .video-text-twobytwo .col-sm-6 div.ctext:nth-child(3), .video-text-twobytwo .col-xs-12 div.ctext:nth-child(3) { padding: 8px 0 20px 0; } .video-text-twobytwo .col-md-6 div.ctext:nth-child(3) ul, .video-text-twobytwo .col-sm-6 div.ctext:nth-child(3) ul, .video-text-twobytwo .col-xs-12 div.ctext:nth-child(3) ul { padding-top: 10px; } .video-text-twobytwo .col-md-6 div.ctext:nth-child(3) li, .video-text-twobytwo .col-sm-6 div.ctext:nth-child(3) li, .video-text-twobytwo .col-xs-12 div.ctext:nth-child(3) li { line-height: 30px; } .video-text-twobytwo div.ctext ul li { margin-left: 2px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .video-text-twobytwo { padding: 20px 0 !important; /* If there is an intermediate subhead following this, move it up a bit */ } .video-text-twobytwo + section.ss-intermediate-subhead .interspace_divider { margin-top: 20px; } } @media only screen and (max-width: 767px) { .video-text-twobytwo { padding: 20px 0 !important; margin: 0 auto; /* If there is an intermediate subhead following this, move it up a bit */ } .video-text-twobytwo .col-xs-12:first-child { padding-bottom: 40px; } .video-text-twobytwo + section.ss-intermediate-subhead .interspace_divider { margin-top: 20px; } } .video-text-3x1-vertical { padding: 20px 0; /* If there is an intermediate subhead following this WITHOUT divider, move it up a bit */ /* Tablet (between 768px and 991px) */ /* Phone (less than 768px) */ } .video-text-3x1-vertical .row .cvideo { padding-bottom: 20px; } .video-text-3x1-vertical > .ctext { padding-top: 33px; } .video-text-3x1-vertical + section.ss-intermediate-subhead > .ctext:first-child { padding-top: 21px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .video-text-3x1-vertical { /* If there is an intermediate subhead following this WITHOUT divider, move it up a bit */ } .video-text-3x1-vertical + section.ss-intermediate-subhead > .ctext:first-child { padding-top: 31px; } } @media only screen and (max-width: 767px) { .video-text-3x1-vertical { /* If there is an intermediate subhead following this, move it up a bit */ /* If there is an intermediate subhead following this WITHOUT divider, move it up a bit */ } .video-text-3x1-vertical div.row div[class*="col-"] { padding-bottom: 40px; } .video-text-3x1-vertical div.row div[class*="col-"]:last-child { padding-bottom: 0; } .video-text-3x1-vertical + section.ss-intermediate-subhead { margin-top: -23px; } .video-text-3x1-vertical + section.ss-intermediate-subhead > .ctext:first-child { padding-top: 33px; } } /* BODY */ /* CONTAINER */ /* OUTER CONTAINER */ /* TYPOGRAPHY */ /* FONT FAMILY */ /* FONT WEIGHT */ /* FONT SIZE */ /* LINE HEIGHT */ /* LETTER SPACING */ /* COLOR PALETTES PRIMARY, SECONDARY, TERTIARY */ /* PARAGRAPHS */ /* SECTIONS + header/subheaders */ /* SUB-SECTIONS */ /* CTA */ /* COLORS */ /* BORDER */ /* BOX-SHADOW */ /* CAROUSEL */ /* CONTAINER */ /* FAQ-QA */ /* COMP CHART 2 */ /* COMP-CHART-2-SIMPLE-HEADER */ /* DISCLOSURE */ /* FORM Vars */ /* PRICING-CARD LAYOUT */ /*helper vars for Harmony font*/ /*group headers*/ /*@pricing-card-layout-header-t-background-color: currentColor;*/ /* product title */ /*@pricing-card-layout-productcomponent-title-t-background-color: currentColor;*/ /* price ct */ /* price aw */ /* price per-month */ /* product offer (red) */ /* product offer2 */ /* feature-list */ /* PRODUCT COMPONENT */ /* PRICING CARD */ /* PRICING TABLE */ /* HERO */ /* VIDEO */ /* FOOTER */ /* RESPONSIVE TABS - added here because it's backwards compatible with non-responsive */ /* TESTIMONIAL */ /* Mixin for generating global sprite SVG and its fallback PNG. Ideally this has to be a LESS VAR, but due to how CQ interprets LESS VAR PATHS, its hardcoded this way */ .fcolor-prim { color: #f77b00; } .fcolor-sec { color: #3f6dc9; } /* FONT FAMILY */ /* FONT WEIGHT */ /* FONT SIZE */ /* LINE HEIGHT */ /* PARAGRAPHS */ /* CONTAINER */ /* SECTIONS header/subheaders */ /* SUB-SECTIONS */ /* CTA */ /* COLORS */ /* CAROUSEL */ /* FAQ-QA */ /* COMP CHART 2 */ /* COMP-CHART-2-SIMPLE-HEADER */ /* DISCLOSURE */ /* PRICING-CARD LAYOUT */ /* group headers */ /*@pricing-card-layout-header-t-background-color: #d4d7dc;*/ /*@pricing-card-layout-productcomponent-title-t-background-color: @bg-dark-green;*/ /* product title */ /* price ct */ /* price aw */ /* price per-month */ /* product offer (red) */ /* product offer2 */ /* feature-list */ /* PRODUCT COMPONENT */ /* PRICING CARD */ /* ONPAGENAV - base defined in resp_vars.less*/ /* TESTIMONIAL */ .cfeatures-tabbed.responsive_tabs { margin: 0 0 20px; padding: 20px 0; text-align: center; } .cfeatures-tabbed.responsive_tabs .content-block.responsive_tabs { margin: 0; padding: 40px 0 0; border: none; } .cfeatures-tabbed.responsive_tabs ul.resp_tabs li .centering-div { background: transparent!important; } @media (min-width: 768px) { .cfeatures-tabbed.responsive_tabs .ctabs { display: inline-block; } .cfeatures-tabbed.responsive_tabs ul.resp_tabs { border-bottom: 4px solid #d4d7dc; } .cfeatures-tabbed.responsive_tabs ul.resp_tabs li { height: 44px; z-index: auto; position: relative; top: 4px; } .cfeatures-tabbed.responsive_tabs ul.resp_tabs li .centering-div { border: none; border-bottom: 4px solid transparent; background-color: white; } .cfeatures-tabbed.responsive_tabs ul.resp_tabs li .centering-div .ctext { padding: 0 16px; } .cfeatures-tabbed.responsive_tabs ul.resp_tabs li .centering-div::after { content: ''; height: 32px; width: 0; border-right: 1px solid #d4d7dc; display: inline-block; position: absolute; } .cfeatures-tabbed.responsive_tabs ul.resp_tabs li:last-child .centering-div::after { border-right: none; } .cfeatures-tabbed.responsive_tabs ul.resp_tabs li.active .centering-div { border-top: none; border-bottom: 4px solid #2ca01c; transition: border-bottom-color 400ms; } .cfeatures-tabbed.responsive_tabs ul.resp_tabs li .centering-div .ctext p { text-align: center; position: relative; top: 1px; font-size: 15px; line-height: 20px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; color: #393a3d; } .cfeatures-tabbed.responsive_tabs ul.resp_tabs li.active .centering-div .ctext p { font-weight: 600; } .cfeatures-tabbed.responsive_tabs ul.resp_tabs li:hover .centering-div .ctext p { color: #0077c5; } .cfeatures-tabbed.responsive_tabs ul.resp_tabs li.active:hover .centering-div .ctext p { color: initial; } } @media (max-width: 767px) { .cfeatures-tabbed.responsive_tabs { padding-top: 8px; padding-bottom: 6px; } .cfeatures-tabbed.responsive_tabs .content-block.responsive_tabs { padding-top: 6px; } .cfeatures-tabbed.responsive_tabs h2 { font-size: 32px; line-height: 36px; } .cfeatures-tabbed.responsive_tabs .resp-midtab-title { background-color: #d4d7dc; padding: 0 0 0 16px; margin-bottom: 16px; line-height: 48px; position: relative; cursor: pointer; } .cfeatures-tabbed.responsive_tabs .resp-midtab-title.active { margin-bottom: 28px; } .cfeatures-tabbed.responsive_tabs .resp-midtab-title p { font-size: 15px; line-height: 20px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; color: #393a3d; font-weight: normal; } .cfeatures-tabbed.responsive_tabs .resp-midtab-title .ctext::after { content: ''; display: block; width: 16px; height: 16px; border-top: 3px solid white; border-right: 3px solid white; -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); position: absolute; right: 18px; top: 11px; -moz-transition: all 200ms ease; -webkit-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .cfeatures-tabbed.responsive_tabs .resp-midtab-title.active .ctext::after { content: ''; display: inline-block; width: 16px; height: 16px; border-top: 3px solid white; border-right: 3px solid white; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; right: 18px; top: 20px; -moz-transition: all 400ms ease; -webkit-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; } .cfeatures-tabbed.responsive_tabs .resp-midtab-title .chevron-r-icon-8x12 { display: none; } .cfeatures-tabbed.responsive_tabs .resp-midtab-title .centering-div { display: inline-block; } .cfeatures-tabbed.responsive_tabs ul.resp_tabs li .centering-div { display: inline-block; line-height: 48px; } .cfeatures-tabbed.responsive_tabs .row.resp_grid { padding-bottom: 33px; } } .ss-see-what-else { text-align: center; font-size: 19px; padding-bottom: 20px; } @media (max-width: 591px) { .ss-see-what-else .breakline { display: block; } } @media (max-width: 480px) { .ss-see-what-else { text-align: left; } } /* BODY */ /* CONTAINER */ /* OUTER CONTAINER */ /* TYPOGRAPHY */ /* FONT FAMILY */ /* FONT WEIGHT */ /* FONT SIZE */ /* LINE HEIGHT */ /* LETTER SPACING */ /* COLOR PALETTES PRIMARY, SECONDARY, TERTIARY */ /* PARAGRAPHS */ /* SECTIONS + header/subheaders */ /* SUB-SECTIONS */ /* CTA */ /* COLORS */ /* BORDER */ /* BOX-SHADOW */ /* CAROUSEL */ /* CONTAINER */ /* FAQ-QA */ /* COMP CHART 2 */ /* COMP-CHART-2-SIMPLE-HEADER */ /* DISCLOSURE */ /* FORM Vars */ /* PRICING-CARD LAYOUT */ /*helper vars for Harmony font*/ /*group headers*/ /*@pricing-card-layout-header-t-background-color: currentColor;*/ /* product title */ /*@pricing-card-layout-productcomponent-title-t-background-color: currentColor;*/ /* price ct */ /* price aw */ /* price per-month */ /* product offer (red) */ /* product offer2 */ /* feature-list */ /* PRODUCT COMPONENT */ /* PRICING CARD */ /* PRICING TABLE */ /* HERO */ /* VIDEO */ /* FOOTER */ /* RESPONSIVE TABS - added here because it's backwards compatible with non-responsive */ /* TESTIMONIAL */ /* Mixin for generating global sprite SVG and its fallback PNG. Ideally this has to be a LESS VAR, but due to how CQ interprets LESS VAR PATHS, its hardcoded this way */ .fcolor-prim { color: #f77b00; } .fcolor-sec { color: #3f6dc9; } /* FONT FAMILY */ /* FONT WEIGHT */ /* FONT SIZE */ /* LINE HEIGHT */ /* PARAGRAPHS */ /* CONTAINER */ /* SECTIONS header/subheaders */ /* SUB-SECTIONS */ /* CTA */ /* COLORS */ /* CAROUSEL */ /* FAQ-QA */ /* COMP CHART 2 */ /* COMP-CHART-2-SIMPLE-HEADER */ /* DISCLOSURE */ /* PRICING-CARD LAYOUT */ /* group headers */ /*@pricing-card-layout-header-t-background-color: #d4d7dc;*/ /*@pricing-card-layout-productcomponent-title-t-background-color: @bg-dark-green;*/ /* product title */ /* price ct */ /* price aw */ /* price per-month */ /* product offer (red) */ /* product offer2 */ /* feature-list */ /* PRODUCT COMPONENT */ /* PRICING CARD */ /* ONPAGENAV - base defined in resp_vars.less*/ /* TESTIMONIAL */ .mprice { display: table; margin: 9px auto 0; } .mprice p.mprice_title { font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 600; font-size: 19px; line-height: 24px; margin: 0px 0 16px; text-align: center; } .mprice p.mprice_info { font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif; color: #393a3d; margin: 8px 0; } @media (min-width: 992px) { .mprice p.mprice_info { font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif; font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif !important; font-weight: 500; font-size: 44px; line-height: 48px; } } @media (min-width: 768px) and (max-width: 991px) { .mprice p.mprice_info { font-size: 32px; line-height: 36px; } } .mprice p.mprice_info span.mprice_previous { position: relative; display: inline-block; } .mprice p.mprice_info span.mprice_previous::before { border-bottom: 1px solid #202020; content: ''; display: block; margin: 0 auto; position: absolute; top: 50%; left: -2px; width: 100%; } .mprice p.mprice_info span.mprice_current { color: #d52b1e; } .mprice p.mprice_info .mprice_current.listprice { color: #393a3d; } .mprice p.mprice_info span.mprice_unit { font-size: 24px; line-height: 24px; margin-right: -8px; position: relative; top: -12px; } .mprice p.mprice_info span.mprice_decimal { font-size: 24px; line-height: 24px; margin-left: -6px; position: relative; top: -12px; } .mprice p.mprice_info span.mprice_duration { font-size: 15px; line-height: 20px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; margin-left: -8px; } .mprice p.mprice_info span.mprice_decimal ~ span.mprice_duration { margin-left: -12px; } .mprice p.mprice_offer { font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 600; font-size: 15px; line-height: 20px; color: #393a3d ; display: block; margin: 0 0 20px 0; } @media (min-width: 768px) and (max-width: 991px) { .mprice p.mprice_offer { font-size: 15px; line-height: 20px; } } .mprice .ccta { margin: 4px 20px 0 0; } .mprice ul { margin: 0 15px 0 0; padding: 15px 16px 1px 16px; } .mprice ul li { font-size: 12px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; color: #393a3d; color: #202020; display: block; line-height: 16px; margin: 0; text-indent: 0; } .mprice span.high-importance { color: #d52b1e; } .mprice.rte_pricing_card p.mprice_title { font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 600; font-size: 19px; line-height: 24px; } .mprice.rte_pricing_card p.mprice_info { color: #393a3d; font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif; font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif !important; font-weight: 500; font-size: 28px; line-height: 32px; margin: 8px 0; } .mprice.rte_pricing_card p.mprice_info span.mprice_unit { font-size: 19px; line-height: 19px; margin-right: -4px; top: -8px; } .mprice.rte_pricing_card p.mprice_info span.mprice_decimal { font-size: 16px; line-height: 16px; margin-left: -4px; position: relative; top: -8px; } .mprice.rte_pricing_card p.mprice_info span.mprice_duration { font-size: 15px; line-height: 20px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; } .mprice.rte_pricing_card p.mprice_info span.mprice_decimal ~ span.mprice_duration { margin-left: -8px; } .mprice.rte_pricing_card p.mprice_offer { font-size: 12px; line-height: 16px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; color: #393a3d; margin: 8px 0; text-align: center; } .mprice.rte_pricing_card .ccta { margin: 20px 0 24px 0; } .mprice.rte_pricing_card ul { padding: 20px 0 28px 0 !important; margin: 0 !important; } .mprice.rte_pricing_card ul li { line-height: 20px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; border-top: 1px solid #d4d7dc; color: #393a3d; list-style-type: none; font-size: 15px; line-height: 20px !important; padding: 7px 0; text-indent: 0; } .mprice.rte_pricing_card_layout p.mprice_title { font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 600; font-size: 19px; line-height: 24px; margin: 8px 0; } .mprice.rte_pricing_card_layout p.mprice_info { color: #393a3d; font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif; font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif !important; font-weight: 500; font-size: 28px; line-height: 32px; } .mprice.rte_pricing_card_layout p.mprice_info span.mprice_unit { font-size: 16px; line-height: 16px; margin-right: -4px; top: -8px; } .mprice.rte_pricing_card_layout p.mprice_info span.mprice_decimal { font-size: 16px; line-height: 16px; margin-left: -4px; position: relative; top: -8px; } .mprice.rte_pricing_card_layout p.mprice_info span.mprice_duration { font-size: 15px; line-height: 20px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; } .mprice.rte_pricing_card_layout p.mprice_info span.mprice_decimal ~ span.mprice_duration { margin-left: -8px; } .mprice.rte_pricing_card_layout p.mprice_offer { font-size: 12px; line-height: 16px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; color: #393a3d; margin: 8px 0; text-align: center; } .mprice.rte_pricing_card_layout .ccta { margin: 8px 0 20px 0; } .mprice.rte_pricing_card_layout ul { margin: 0 0 0 15px; padding: 15px 16px 1px 16px; } .mprice.rte_pricing_card_layout ul li { font-size: 12px; line-height: 16px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; color: #393a3d; color: #505050; line-height: normal; list-style-position: outside; list-style-type: disc; padding: 0 0 2px 0; text-indent: 0; } /* BODY */ /* CONTAINER */ /* OUTER CONTAINER */ /* TYPOGRAPHY */ /* FONT FAMILY */ /* FONT WEIGHT */ /* FONT SIZE */ /* LINE HEIGHT */ /* LETTER SPACING */ /* COLOR PALETTES PRIMARY, SECONDARY, TERTIARY */ /* PARAGRAPHS */ /* SECTIONS + header/subheaders */ /* SUB-SECTIONS */ /* CTA */ /* COLORS */ /* BORDER */ /* BOX-SHADOW */ /* CAROUSEL */ /* CONTAINER */ /* FAQ-QA */ /* COMP CHART 2 */ /* COMP-CHART-2-SIMPLE-HEADER */ /* DISCLOSURE */ /* FORM Vars */ /* PRICING-CARD LAYOUT */ /*helper vars for Harmony font*/ /*group headers*/ /*@pricing-card-layout-header-t-background-color: currentColor;*/ /* product title */ /*@pricing-card-layout-productcomponent-title-t-background-color: currentColor;*/ /* price ct */ /* price aw */ /* price per-month */ /* product offer (red) */ /* product offer2 */ /* feature-list */ /* PRODUCT COMPONENT */ /* PRICING CARD */ /* PRICING TABLE */ /* HERO */ /* VIDEO */ /* FOOTER */ /* RESPONSIVE TABS - added here because it's backwards compatible with non-responsive */ /* TESTIMONIAL */ /* FONT FAMILY */ /* FONT WEIGHT */ /* FONT SIZE */ /* LINE HEIGHT */ /* PARAGRAPHS */ /* CONTAINER */ /* SECTIONS header/subheaders */ /* SUB-SECTIONS */ /* CTA */ /* COLORS */ /* CAROUSEL */ /* FAQ-QA */ /* COMP CHART 2 */ /* COMP-CHART-2-SIMPLE-HEADER */ /* DISCLOSURE */ /* PRICING-CARD LAYOUT */ /* group headers */ /*@pricing-card-layout-header-t-background-color: #d4d7dc;*/ /*@pricing-card-layout-productcomponent-title-t-background-color: @bg-dark-green;*/ /* product title */ /* price ct */ /* price aw */ /* price per-month */ /* product offer (red) */ /* product offer2 */ /* feature-list */ /* PRODUCT COMPONENT */ /* PRICING CARD */ /* ONPAGENAV - base defined in resp_vars.less*/ /* TESTIMONIAL */ .pricing-card-layout .eCommerce-product-div > div:nth-child(3) br, .pricing-card-layout .eCommerce-product-div > div:nth-child(3) h6 { display: none; } .pricing-card-layout .eCommerce-product-div .pricing-section .red-price-text .ct, .pricing-card-layout .eCommerce-product-div .pricing-section .red-price-text .ac, .pricing-card-layout .eCommerce-product-div .pricing-section .price .ct, .pricing-card-layout .eCommerce-product-div .pricing-section .price .ac { font: 500 16px "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif; line-height: 23px; top: -8px; } .pricing-card-layout .eCommerce-product-div .pricing-section .price .aw { font-size: 28px !important; line-height: 32px !important; } .pricing-card-layout .eCommerce-product-div .pricing-section .red-price-text .aw { font-size: 28px !important; line-height: 32px !important; } .pricing-card-layout .eCommerce-product-div .pricing-section .red-price-text { position: relative; top: 1px; } .pricing-card-layout .eCommerce-product-div .pricing-section .red-price-month { top: 12px; } .pricing-card-layout .eCommerce-product-div .pricing-section .black-price-month { top: 12px; } .pricing-card-layout .eCommerce-product-div .pricing-section .price .line-through { top: 16px !important; left: -2px !important; width: 115% !important; } .pricing-card-layout .cpricing-card .line-through { top: 26px !important; width: 113% !important; left: -3px !important; } .pricing-card-layout p.h1b { font-size: 24px !important; } .pricing-card-layout .eCommerce-product-div .text1 .ctext ul li { padding-bottom: 2px; padding-left: 0; } .pricing-card-layout .pricesplit { padding-top: 15px; position: relative; left: 3px; } .pricing-card-layout .high-attention-text { color: #d52b1e; } @media (min-width: 992px) { .pricing-card-layout .cpricing-card-layout { background-color: #f7f7f7; } .pricing-card-layout .pcard-cols-1-3 .pricing-card-layout-content-wrapper .eCommerce-product-div + .ctext > p, .pricing-card-layout .pcard-cols-1-3 .pricing-card-layout-content-wrapper .eCommerce-product-div + .ctext > h4 { position: relative; top: -23px; padding: 4px 0; } .pricing-card-layout .pcard-cols-1-3 .pricing-card-layout-content-wrapper .eCommerce-product-div + .ctext > p a, .pricing-card-layout .pcard-cols-1-3 .pricing-card-layout-content-wrapper .eCommerce-product-div + .ctext > h4 a { color: #0077c5; } .pricing-card-layout .pcard-cols-1-3 .right-pricing .pricing-card-layout-content-wrapper .eCommerce-product-div + .ctext > p { margin: 0 -3px; } .pricing-card-layout .pricing-card-layout-content-wrapper .eCommerce-product-div + .ctext > p { background-color: #f7f7f7; } .pricing-card-layout .pricing-card-layout-content { padding: 25px 0 16px; } .pricing-card-layout .pricing-card-layout-content:not(:last-of-type) .pricing-card-layout-content-wrapper { border-right: none; } .pricing-card-layout .pricing-card-layout-content:not(:last-of-type) { border-right: 1px solid #d4d7dc; } } .pricing-card-layout .pricing-card-layout-content-wrapper { margin: 11px 0 0 !important; } .pricing-card-layout .pricing-card-layout-content-wrapper > .ccontainer, .pricing-card-layout .pricing-card-layout-content-wrapper > .ccontainer:not(.pcard-layout-additional-text) > .eCommerce-product-div { height: 100%; } .pricing-card-layout .pricing-card-layout-content .pricing-content-burst-rect { font-size: 12px !important; } .pricing-card-layout .pricing-card-layout-content .pricing-content-burst-rect p { -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; line-height: 28px; padding: 0; } .pricing-card-layout .pricing-card-layout-header { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; } .pricing-card-layout .pricing-card-layout-header .ctext { height: auto; } .pricing-card-layout .pricing-card-layout-header .ctext h1, .pricing-card-layout .pricing-card-layout-header .ctext h2, .pricing-card-layout .pricing-card-layout-header .ctext h3, .pricing-card-layout .pricing-card-layout-header .ctext h4, .pricing-card-layout .pricing-card-layout-header .ctext h5, .pricing-card-layout .pricing-card-layout-header .ctext p, .pricing-card-layout .pricing-card-layout-header .ctext span { display: block; } .pricing-card-layout .pricing-card-layout-content-wrapper > .ccontainer.pcard-layout-additional-text .ctext { padding: 0; } .pricing-card-layout .pricing-card-layout-content-wrapper > .ccontainer.pcard-layout-additional-text .ctext ul { padding: 16px 16px 20px 16px; } .pricing-card-layout .pcard-layout-hide-mobile { padding: 46px 0 32px; background-color: white; } .pcard-cols-1-3 .pricing-card-layout-header .ctext p, .pcard-cols-1-4 .pricing-card-layout-header .ctext p { font-weight: 600 !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } .pricing-card-layout-header > .ctext > p { font-weight: 400 !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } .pricing-card-header-grey-black > .ctext > p { -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } @media (max-width: 991px) { .pricing-card-layout .pricing-card-layout-header.expanded#header_right + .table-row { margin-bottom: 0; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .pricing-card-layout .pricing-card-layout-header.expanded#header_right + .table-row .pricing-card-layout-content:nth-of-type(4) { flex-wrap: wrap; -webkit-flex-wrap: wrap; flex: 0 0 100%; -webkit-flex: 0 0 100%; } .pricing-card-layout .pcard-cols-1-3 .left-pricing .pricing-card-layout-content-wrapper { height: auto !important; } .pricing-card-layout .pcard-cols-1-3 .left-pricing .pricing-card-layout-content-wrapper .eCommerce-product-div + .ctext { display: none; } .pricing-card-layout .pcard-cols-1-3 .right-pricing .pricing-card-layout-content-wrapper.pccolwrap_2 .eCommerce-product-div + .ctext { position: relative; top: 50px; } .pricing-card-layout .pcard-layout-additional-info, .pricing-card-layout .pcard-layout-hide-mobile { display: none !important; } .pricing-card-layout .pricing-card-layout-content-wrapper { margin: 0 !important; } .pricing-card-layout .eCommerce-product-div ul { padding-left: 0 !important; } .pricing-card-layout .pricing-card-layout-header { justify-content: initial; -webkit-justify-content: initial; } .pricing-card-layout .pricing-card-layout-header > .ctext > p { font-weight: bold !important; } .pricing-card-layout .pricing-card-layout-header.header_bkcolor { background-color: #d4d7dc; } .pricing-card-layout .eCommerce-product-div .price-container-title { background-color: #2ca01c; } .pricing-card-layout .pricing-card-layout-header.expanded + .table-row { margin-bottom: 40px; margin-top: 28px; } .pricing-card-layout .pricing-card-layout-content .eCommerce-product-div ul { padding: 20px 20px 28px; } .pricing-card-layout .pricing-card-layout-content .eCommerce-product-div ul li { border-bottom: 1px solid #ccc !important; list-style: none; padding: 8px 0 !important; } .pricing-card-layout .pricing-card-layout-content .eCommerce-product-div ul li:first-child { border-top: 1px solid #ccc !important; } .pricing-card-layout .cpricing-card-layout .pricing-card-layout-content:not(.pccol_4) { margin-bottom: 0; margin-top: 0; margin-right: 19px; } .pricing-card-layout .pricing-card-layout-content-wrapper > .ccontainer.pcard-layout-additional-text .ctext { padding: 20px 20px; } .pricing-card-layout .pricing-card-layout-content-wrapper > .ccontainer.pcard-layout-additional-text .ctext ul { margin: 0; padding: 0; } .pricing-card-layout .pricing-card-layout-content-wrapper > .ccontainer.pcard-layout-additional-text .ctext ul li { border-bottom: 1px solid #ccc !important; list-style: none; line-height: normal; padding: 8px 0; } .pricing-card-layout .pricing-card-layout-content-wrapper > .ccontainer.pcard-layout-additional-text .ctext ul li:first-child { border-top: 1px solid #ccc !important; } .pricing-card-layout .group_w_4_1 { position: relative; } .pricing-card-layout .pricing-card-layout-content.pccol_4, .pricing-card-layout .pcard-layout-additional-info { background-color: white !important; } .pricing-card-layout .pricing-card-layout-content.pccol_4 { padding: 0; } .pricing-card-layout .pricing-card-layout-content-wrapper.pccolwrap_4 > .ccontainer > .ctext > * { display: inline-block; float: left; margin-right: 5px; } .pricing-card-layout .pricing-card-layout-content-wrapper.pccolwrap_4 > .ccontainer > .ctext > div:nth-child(4) { display: none; } .pricing-card-layout .pricing-card-layout-content-wrapper.pccolwrap_4 > .ccontainer > .ccta { display: inline-block; float: right; position: relative; top: -6px; } .pricing-card-layout .pcard-layout-additional-info { position: absolute; right: 0; left: 0; bottom: 95px; } } @media (max-width: 767px) { p.h1b { font-size: 19px !important; } .pricing-card-layout { padding-bottom: 0; } .pricing-card-layout .pricing-card-layout-header > .ctext > p { text-align: left; } .pricing-card-layout .pricing-card-layout-content-wrapper.pccolwrap_4 { padding: 0!important; } .pricing-card-layout .pricing-card-layout-content-wrapper.pccolwrap_4 > .ccontainer > .ccta { clear: both; display: block; float: none; position: static; padding-top: 20px; } .pricing-card-layout .pricing-card-layout-content.pccol_4 { padding-top: 0; } .pricing-card-layout .pricing-card-layout-content:not(.pccol_4) { margin-right: 0!important; } .pricing-card-layout .eCommerce-product-div .image-price-container .price-container span.per { top: 12px !important; } .pricing-card-layout .eCommerce-product-div .price-container .price .ct { top: -9px; } .pricing-card-layout .eCommerce-product-div .price-container .red-price-text .ct { top: -9px; } } .cq-wcm-edit .pricing-card-layout-header > .text.parbase.compbase, .cq-wcm-edit .pricing-card-layout-header > .text.parbase.compbase > .ctext { height: 100%; } /* BODY */ /* CONTAINER */ /* OUTER CONTAINER */ /* TYPOGRAPHY */ /* FONT FAMILY */ /* FONT WEIGHT */ /* FONT SIZE */ /* LINE HEIGHT */ /* LETTER SPACING */ /* COLOR PALETTES PRIMARY, SECONDARY, TERTIARY */ /* PARAGRAPHS */ /* SECTIONS + header/subheaders */ /* SUB-SECTIONS */ /* CTA */ /* COLORS */ /* BORDER */ /* BOX-SHADOW */ /* CAROUSEL */ /* CONTAINER */ /* FAQ-QA */ /* COMP CHART 2 */ /* COMP-CHART-2-SIMPLE-HEADER */ /* DISCLOSURE */ /* FORM Vars */ /* PRICING-CARD LAYOUT */ /*helper vars for Harmony font*/ /*group headers*/ /*@pricing-card-layout-header-t-background-color: currentColor;*/ /* product title */ /*@pricing-card-layout-productcomponent-title-t-background-color: currentColor;*/ /* price ct */ /* price aw */ /* price per-month */ /* product offer (red) */ /* product offer2 */ /* feature-list */ /* PRODUCT COMPONENT */ /* PRICING CARD */ /* PRICING TABLE */ /* HERO */ /* VIDEO */ /* FOOTER */ /* RESPONSIVE TABS - added here because it's backwards compatible with non-responsive */ /* TESTIMONIAL */ /* Mixin for generating global sprite SVG and its fallback PNG. Ideally this has to be a LESS VAR, but due to how CQ interprets LESS VAR PATHS, its hardcoded this way */ .fcolor-prim { color: #f77b00; } .fcolor-sec { color: #3f6dc9; } /* FONT FAMILY */ /* FONT WEIGHT */ /* FONT SIZE */ /* LINE HEIGHT */ /* PARAGRAPHS */ /* CONTAINER */ /* SECTIONS header/subheaders */ /* SUB-SECTIONS */ /* CTA */ /* COLORS */ /* CAROUSEL */ /* FAQ-QA */ /* COMP CHART 2 */ /* COMP-CHART-2-SIMPLE-HEADER */ /* DISCLOSURE */ /* PRICING-CARD LAYOUT */ /* group headers */ /*@pricing-card-layout-header-t-background-color: #d4d7dc;*/ /*@pricing-card-layout-productcomponent-title-t-background-color: @bg-dark-green;*/ /* product title */ /* price ct */ /* price aw */ /* price per-month */ /* product offer (red) */ /* product offer2 */ /* feature-list */ /* PRODUCT COMPONENT */ /* PRICING CARD */ /* ONPAGENAV - base defined in resp_vars.less*/ /* TESTIMONIAL */ .cpricing-card-lineups { padding-top: 20px; /* If there is an intermediate subhead following this, move it up a bit */ } .cpricing-card-lineups.pc_bg_gray .cpricing-card .pricing-card-content { background-color: #f4f5f8; } .cpricing-card-lineups + section.ss-intermediate-subhead { margin-top: -18px; } .cpricing-card { font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif !important; padding: 0; margin-bottom: 20px; } .cpricing-card .pricing-card-header { position: relative; padding: 18px 5px !important; } @media (max-width: 767px) { .cpricing-card .pricing-card-header { padding: 18px 0 !important; } .cpricing-card .pricing-card-header.is-most-popular { margin-bottom: 0; } } .cpricing-card .pricing-card-header p, .cpricing-card .pricing-card-header p span { font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 400; font-size: 24px; line-height: 28px; color: #393a3d; color: white !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (min-width: 768px) and (max-width: 991px) { .cpricing-card .pricing-card-header p, .cpricing-card .pricing-card-header p span { font-size: 19px; line-height: 24px; } } @media (max-width: 768px) { .cpricing-card .pricing-card-header p, .cpricing-card .pricing-card-header p span { font-size: 24px !important; line-height: 28px !important; } } .cpricing-card .pricing-card-header .accordion-toggle .indicator { display: none; } .cpricing-card .pricing-card-content { padding: 7px 20px 28px; background-color: #fff; } .cpricing-card .pricing-card-content .ccontainer .cimage { padding-top: 10px; } @media (min-width: 768px) { .cpricing-card .pricing-card-content.panel-collapse { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .cpricing-card .pricing-card-content h4 { padding-top: 20px; } } .cpricing-card ul { padding: 23px 0 0 !important; margin: 0 !important; } .cpricing-card .eCommerce-product-div .text1 .ctext ul li, .cpricing-card .eCommerce-product-div .text1 .ctext ul li span { list-style-type: none !important; padding-left: 0 !important; font-size: 15px; line-height: 20px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; color: #393a3d; } .cpricing-card .eCommerce-product-div .text1 .ctext ul li { padding: 7px 0; border-top: 1px solid #d4d7dc !important; } .cpricing-card .eCommerce-product-div .text1 .ctext ul li:last-child { border-bottom: 1px solid #d4d7dc !important; } .cpricing-card .eCommerce-product-div div.tryit-free-link-url span.free-trial-text { font-size: 12px; line-height: 16px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; } .cpricing-card .eCommerce-product-div span.exclude-discount { font-size: 12px; line-height: 16px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; } .cpricing-card .eCommerce-product-div .image-price-container .offer-text { font-weight: 100; } .cpricing-card .eCommerce-product-div > .cimage > img { padding-top: 10px; } .cpricing-card .pricing-content-burst { text-transform: uppercase; font-size: 12px; line-height: 16px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; color: #393a3d; font-weight: bold; color: white; height: 28px !important; line-height: 28px !important; width: 100% !important; bottom: -28px !important; background-size: 15px 28px; background: url('https://quickbooks.intuit.com/etc/designs/harmony/images/pricing_accent.gif') repeat-x; background-position: 0 0 !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (max-width: 767px) { .cpricing-card .pricing-content-burst { position: absolute !important; margin: 0 !important; } } .cpricing-card .pricing-content-burst p { font-size: 12px !important; display: inline-block !important; } .cpricing-card .pricing-abovecard-selected p { font-size: 12px; line-height: 16px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; color: #393a3d; line-height: 28px !important; padding: 0; } .cpricing-card .pricing-section { margin: 4px auto -5px !important; } @media (max-width: 848px) { .cpricing-card .pricing-section { margin: 4px auto -2px !important; } } .cpricing-card .eCommerce-product-div .image-price-container .price-container .pricing-section .ct, .cpricing-card .eCommerce-product-div .image-price-container .price-container .pricing-section .aw, .cpricing-card .eCommerce-product-div .image-price-container .price-container .pricing-section .as, .cpricing-card .eCommerce-product-div .image-price-container .price-container .pricing-section .ac { font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif !important; } .cpricing-card .eCommerce-product-div .image-price-container .price-container .pricing-section .aw, .cpricing-card .eCommerce-product-div .image-price-container .price-container .pricing-section .as { font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif; font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif !important; font-weight: 500; font-size: 44px; line-height: 48px; color: #393a3d ; } @media (min-width: 768px) and (max-width: 991px) { .cpricing-card .eCommerce-product-div .image-price-container .price-container .pricing-section .aw, .cpricing-card .eCommerce-product-div .image-price-container .price-container .pricing-section .as { font-size: 32px; line-height: 36px; } } @media (max-width: 848px) { .cpricing-card .eCommerce-product-div .image-price-container .price-container .pricing-section .aw, .cpricing-card .eCommerce-product-div .image-price-container .price-container .pricing-section .as { font-size: 32px !important; line-height: 36px !important; } } .cpricing-card .eCommerce-product-div .image-price-container .price-container .pricing-section .ct, .cpricing-card .eCommerce-product-div .image-price-container .price-container .pricing-section .ac { vertical-align: super !important; font-size: 50% !important; position: static; } .cpricing-card .price, .cpricing-card .red-price-text { font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif; font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif !important; font-weight: 500; font-size: 44px; line-height: 48px; color: #393a3d ; } @media (min-width: 768px) and (max-width: 991px) { .cpricing-card .price, .cpricing-card .red-price-text { font-size: 32px; line-height: 36px; } } @media (max-width: 848px) { .cpricing-card .price, .cpricing-card .red-price-text { font-size: 32px !important; line-height: 36px !important; } } .cpricing-card .eCommerce-product-div .image-price-container .price-container .pricing-section .red-price-text { display: table; margin-left: 6px; } .cpricing-card .line-through { top: 29px !important; width: 106% !important; left: -2px !important; } .cpricing-card .eCommerce-product-div .image-price-container .price-container .per, .cpricing-card .eCommerce-product-div .image-price-container .price-container .bper { font-size: 15px; line-height: 20px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; color: #393a3d; display: table-cell !important; position: relative; top: -10px; } @media (max-width: 848px) { .cpricing-card .eCommerce-product-div .image-price-container .price-container .per, .cpricing-card .eCommerce-product-div .image-price-container .price-container .bper { top: -8px; } } .cpricing-card .eCommerce-product-div .image-price-container .price-container .pricing-section .red-price-text span, .cpricing-card .eCommerce-product-div .image-price-container .price-container .pricing-section .red-price-month { color: #d52b1e !important; } .cpricing-card .offer-text { margin-top: 0 !important; font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 600; font-size: 15px; line-height: 20px; color: #393a3d ; } @media (min-width: 768px) and (max-width: 991px) { .cpricing-card .offer-text { font-size: 15px; line-height: 20px; } } .cpricing-card .blue-button { margin-top: 24px !important; } .cpricing-card .text1 { font-size: 15px; line-height: 20px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; color: #393a3d; margin: 0 !important; } @media (min-width: 480px) and (max-width: 768px) { .cpricing-card .text1 { text-align: center; } } .cpricing-card .text1 .ctext { margin: 0 !important; display: inline-table; } @media (min-width: 769px) { .cpricing-card .text1 .ctext { width: 100%; } } @media (max-width: 480px) { .cpricing-card .text1 .ctext { width: 100%; } } @media (min-width: 768px) and (max-width: 991px) { .cpricing-card .line-through { top: 22px !important; } } @media (max-width: 767px) { .cpricing-card .line-through { top: 22px !important; } .cpricing-card .pricing-card-content img[src*="spacing_self_employed_pricing_card"] { display: none; } .cpricing-card .pricing-card-header .ctext { position: relative; padding: 0 40px; } .cpricing-card .pricing-card-header .ctext:after { content: ''; display: inline-block; width: 16px; height: 16px; border-top: 3px solid white; border-right: 3px solid white; border-bottom: 3px solid transparent; border-left: 3px solid transparent; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; right: 17px; top: 50%; margin-top: -3px; -moz-transition: all 400ms ease; -webkit-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; } .cpricing-card .accordion-toggle.collapsed .ctext:after { -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); margin-top: -13px; } .cpricing-card .pricing-card-header .pricing-content-burst .ctext:after { display: none; } .cpricing-card .accordion-toggle:active, .cpricing-card .accordion-toggle:focus { text-decoration: none !important; outline-offset: 0 !important; } } .cpricing-card-lineups .eCommerce-product-div > .text1 > .ctext > br, .cpricing-card-lineups .eCommerce-product-div > .text1 > .ctext > h6 { display: none; } .cpricing-card-lineups .component-footer { text-align: center; padding: 20px 0; /* standard line-breaking css to break a one-line sentence into two lines on phone(less than 768) */ } .cpricing-card-lineups .component-footer .hidden-phone { padding: 0 2px; } @media (max-width: 767px) { .cpricing-card-lineups .component-footer { padding: 20px 0 15px; } .cpricing-card-lineups .component-footer > .ctext > p { text-align: left; } .cpricing-card-lineups .component-footer .breakline { display: block; } .cpricing-card-lineups .component-footer .hidden-phone { display: none; } .cpricing-card-lineups .component-footer p { line-height: 31px !important; } } .eCommerce-product-div [class^="blue-button"] a { color: white; background: #000000 none no-repeat; padding: 0 16px !important; height: 32px !important; font-size: 15px; border: none; } .eCommerce-product-div [class^="blue-button"] a span { color: white; font-size: 15px; font-weight: 600 !important; line-height: 32px !important; border-color: black; } .eCommerce-product-div .image-price-container .price-container .pricing-section .aw { font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif; color: #393a3d; } @media (min-width: 992px) { .eCommerce-product-div .image-price-container .price-container .pricing-section .aw { font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif; font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif !important; font-weight: 500; font-size: 44px; line-height: 48px; } } @media (min-width: 768px) and (max-width: 991px) { .eCommerce-product-div .image-price-container .price-container .pricing-section .aw { font-size: 32px; line-height: 36px; } } /* Mobile (Phone and Tablet) */ @media only screen and (max-width: 991px) { .cpricing-card-lineups { padding: 20px 0 14px; /* If there is an intermediate subhead following this, move it up a bit */ } .cpricing-card-lineups + section.ss-intermediate-subhead { margin-top: -43px; } } @media only screen and (max-width: 767px) { .cpricing-card-lineups .cpricing-card .panel-burst-enabled { margin-bottom: 28px; } } .msie .cpricing-card .eCommerce-product-div .image-price-container .price-container .pricing-section .ct, .msie .cpricing-card .eCommerce-product-div .image-price-container .price-container .pricing-section .ac { position: relative; top: 6px; } @media only screen and (max-width: 991px) { .msie .cpricing-card .eCommerce-product-div .image-price-container .price-container .pricing-section .ct, .msie .cpricing-card .eCommerce-product-div .image-price-container .price-container .pricing-section .ac { top: 3px; } } .msie .cpricing-card .line-through { top: 36px !important; } @media only screen and (max-width: 991px) { .msie .cpricing-card .line-through { top: 26px !important; } } @media only screen and (max-width: 991px) { .msie .cpricing-card .eCommerce-product-div .image-price-container .price-container .per, .msie .cpricing-card .eCommerce-product-div .image-price-container .price-container .bper { top: -7px; } } /* BODY */ /* CONTAINER */ /* OUTER CONTAINER */ /* TYPOGRAPHY */ /* FONT FAMILY */ /* FONT WEIGHT */ /* FONT SIZE */ /* LINE HEIGHT */ /* LETTER SPACING */ /* COLOR PALETTES PRIMARY, SECONDARY, TERTIARY */ /* PARAGRAPHS */ /* SECTIONS + header/subheaders */ /* SUB-SECTIONS */ /* CTA */ /* COLORS */ /* BORDER */ /* BOX-SHADOW */ /* CAROUSEL */ /* CONTAINER */ /* FAQ-QA */ /* COMP CHART 2 */ /* COMP-CHART-2-SIMPLE-HEADER */ /* DISCLOSURE */ /* FORM Vars */ /* PRICING-CARD LAYOUT */ /*helper vars for Harmony font*/ /*group headers*/ /*@pricing-card-layout-header-t-background-color: currentColor;*/ /* product title */ /*@pricing-card-layout-productcomponent-title-t-background-color: currentColor;*/ /* price ct */ /* price aw */ /* price per-month */ /* product offer (red) */ /* product offer2 */ /* feature-list */ /* PRODUCT COMPONENT */ /* PRICING CARD */ /* PRICING TABLE */ /* HERO */ /* VIDEO */ /* FOOTER */ /* RESPONSIVE TABS - added here because it's backwards compatible with non-responsive */ /* TESTIMONIAL */ /* FONT FAMILY */ /* FONT WEIGHT */ /* FONT SIZE */ /* LINE HEIGHT */ /* PARAGRAPHS */ /* CONTAINER */ /* SECTIONS header/subheaders */ /* SUB-SECTIONS */ /* CTA */ /* COLORS */ /* CAROUSEL */ /* FAQ-QA */ /* COMP CHART 2 */ /* COMP-CHART-2-SIMPLE-HEADER */ /* DISCLOSURE */ /* PRICING-CARD LAYOUT */ /* group headers */ /*@pricing-card-layout-header-t-background-color: #d4d7dc;*/ /*@pricing-card-layout-productcomponent-title-t-background-color: @bg-dark-green;*/ /* product title */ /* price ct */ /* price aw */ /* price per-month */ /* product offer (red) */ /* product offer2 */ /* feature-list */ /* PRODUCT COMPONENT */ /* PRICING CARD */ /* ONPAGENAV - base defined in resp_vars.less*/ /* TESTIMONIAL */ html, body { } .mt-on-page-banner, .mt-on-page-banner-two-line { box-sizing: border-box; background-color: #2ca01c; min-height: 64px; padding: 0 999px !important; margin: 0 -999px; } .mt-on-page-banner .content-container, .mt-on-page-banner-two-line .content-container { width: 100%; padding: 0; } @media (min-width: 1024px) { .mt-on-page-banner .container-fluid, .mt-on-page-banner-two-line .container-fluid { width: 100%; } } .mt-on-page-banner .h1b, .mt-on-page-banner-two-line .h1b { color: white; font-weight: 500; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .mt-on-page-banner .resp_grid, .mt-on-page-banner-two-line .resp_grid { padding: 10px 0; display: -webkit-flex; display: flex; text-align: center; min-height: 64px; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; } .mt-on-page-banner .resp_grid > div:nth-child(1), .mt-on-page-banner-two-line .resp_grid > div:nth-child(1) { text-align: left; padding-right: 20px; } .mt-on-page-banner sup, .mt-on-page-banner-two-line sup { font-size: 60%; } @media only screen and (max-width: 767px) { .mt-on-page-banner, .mt-on-page-banner-two-line { padding: 20px 20px !important; margin: 0 -20px; } .mt-on-page-banner .resp_grid, .mt-on-page-banner-two-line .resp_grid { padding: 0 !important; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .mt-on-page-banner .resp_grid > div:nth-child(1), .mt-on-page-banner-two-line .resp_grid > div:nth-child(1) { width: 100%; text-align: center; padding-bottom: 20px; padding-right: 0; } } .msie .mt-on-page-banner .resp_grid { height: 64px; } .msie .mt-on-page-banner-two-line .resp_grid { height: 75px; } .cq-wcm-edit .mt-on-page-banner, .cq-wcm-edit .mt-on-page-banner-two-line { padding: 0 !important; margin: 0; } .ss-section .content-container .mt-on-page-banner { margin-top: 40px; } .ss-section .content-container .mt-on-page-banner-two-line { margin-top: 40px; } .mt-on-page-banner + .ss-disclosures { padding-top: 40px; } .mt-on-page-banner-two-line + .ss-disclosures { padding-top: 40px; } .grid-horizontal-image-text.ifull-bleed.on-page-banner-center, .grid-horizontal-image-text.ifull-bleed.on-page-banner-edge { margin-top: 0 ; margin-bottom: 0; padding-top: 10px; padding-bottom: 10px; } .grid-horizontal-image-text.ifull-bleed.on-page-banner-center > .container-fluid, .grid-horizontal-image-text.ifull-bleed.on-page-banner-edge > .container-fluid { width: 960px; } .on-page-banner-edge { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; text-align: left; min-height: 64px; } .on-page-banner-edge .ccta { display: inline-block; padding-top: 11px; } .on-page-banner-edge .ctext { display: inline; } .on-page-banner-edge .ctext p, .on-page-banner-edge .ctext .h1b { font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 400; font-size: 24px; line-height: 28px; color: #393a3d; color: white; display: inline; font-color: white; font-weight: 500; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (min-width: 768px) and (max-width: 991px) { .on-page-banner-edge .ctext p, .on-page-banner-edge .ctext .h1b { font-size: 19px; line-height: 24px; } } .on-page-banner-edge .ctext p sup, .on-page-banner-edge .ctext .h1b sup { font-size: 60%; } .on-page-banner-center { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; text-align: center; margin: 40px 0; min-height: 64px; } .on-page-banner-center .ccta { display: inline; } .on-page-banner-center .ctext { display: inline; padding-right: 20px; } .on-page-banner-center .ctext p, .on-page-banner-center .ctext .h1b { font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 400; font-size: 24px; line-height: 28px; color: #393a3d; color: white; display: inline; font-color: white; font-weight: 500; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (min-width: 768px) and (max-width: 991px) { .on-page-banner-center .ctext p, .on-page-banner-center .ctext .h1b { font-size: 19px; line-height: 24px; } } .on-page-banner-center .ctext p sup, .on-page-banner-center .ctext .h1b sup { font-size: 60%; } @media only screen and (max-width: 991px) { .grid-horizontal-image-text.ifull-bleed.on-page-banner-center > .container-fluid, .grid-horizontal-image-text.ifull-bleed.on-page-banner-edge > .container-fluid { width: auto; padding-left: 10px; padding-right: 10px; } .grid-horizontal-image-text.ifull-bleed.on-page-banner-center .ctext p, .grid-horizontal-image-text.ifull-bleed.on-page-banner-edge .ctext p, .grid-horizontal-image-text.ifull-bleed.on-page-banner-center .ctext .h1b, .grid-horizontal-image-text.ifull-bleed.on-page-banner-edge .ctext .h1b { font-size: 19px; line-height: 24px; } } @media only screen and (max-width: 767px) { .on-page-banner-center, .on-page-banner-center.grid-horizontal-image-text.ifull-bleed, .on-page-banner-edge, .on-page-banner-edge.grid-horizontal-image-text.ifull-bleed { padding: 20px 40px; margin-top: 0; margin-bottom: 0; text-align: center; } .on-page-banner-center .ctext, .on-page-banner-center.grid-horizontal-image-text.ifull-bleed .ctext, .on-page-banner-edge .ctext, .on-page-banner-edge.grid-horizontal-image-text.ifull-bleed .ctext { display: inline-block; } .on-page-banner-center .ccta, .on-page-banner-center.grid-horizontal-image-text.ifull-bleed .ccta, .on-page-banner-edge .ccta, .on-page-banner-edge.grid-horizontal-image-text.ifull-bleed .ccta { display: inline-block; padding-top: 20px; } } /* BODY */ /* CONTAINER */ /* OUTER CONTAINER */ /* TYPOGRAPHY */ /* FONT FAMILY */ /* FONT WEIGHT */ /* FONT SIZE */ /* LINE HEIGHT */ /* LETTER SPACING */ /* COLOR PALETTES PRIMARY, SECONDARY, TERTIARY */ /* PARAGRAPHS */ /* SECTIONS + header/subheaders */ /* SUB-SECTIONS */ /* CTA */ /* COLORS */ /* BORDER */ /* BOX-SHADOW */ /* CAROUSEL */ /* CONTAINER */ /* FAQ-QA */ /* COMP CHART 2 */ /* COMP-CHART-2-SIMPLE-HEADER */ /* DISCLOSURE */ /* FORM Vars */ /* PRICING-CARD LAYOUT */ /*helper vars for Harmony font*/ /*group headers*/ /*@pricing-card-layout-header-t-background-color: currentColor;*/ /* product title */ /*@pricing-card-layout-productcomponent-title-t-background-color: currentColor;*/ /* price ct */ /* price aw */ /* price per-month */ /* product offer (red) */ /* product offer2 */ /* feature-list */ /* PRODUCT COMPONENT */ /* PRICING CARD */ /* PRICING TABLE */ /* HERO */ /* VIDEO */ /* FOOTER */ /* RESPONSIVE TABS - added here because it's backwards compatible with non-responsive */ /* TESTIMONIAL */ /* FONT FAMILY */ /* FONT WEIGHT */ /* FONT SIZE */ /* LINE HEIGHT */ /* PARAGRAPHS */ /* CONTAINER */ /* SECTIONS header/subheaders */ /* SUB-SECTIONS */ /* CTA */ /* COLORS */ /* CAROUSEL */ /* FAQ-QA */ /* COMP CHART 2 */ /* COMP-CHART-2-SIMPLE-HEADER */ /* DISCLOSURE */ /* PRICING-CARD LAYOUT */ /* group headers */ /*@pricing-card-layout-header-t-background-color: #d4d7dc;*/ /*@pricing-card-layout-productcomponent-title-t-background-color: @bg-dark-green;*/ /* product title */ /* price ct */ /* price aw */ /* price per-month */ /* product offer (red) */ /* product offer2 */ /* feature-list */ /* PRODUCT COMPONENT */ /* PRICING CARD */ /* ONPAGENAV - base defined in resp_vars.less*/ /* TESTIMONIAL */ .ss-moneybackguarantee { margin: 0; padding: 20px 0; } .ss-moneybackguarantee .content-container { border-top: 1px solid #d4d7dc; } .ss-moneybackguarantee .ctextimage { padding: 20px 0 0 0; } .ss-moneybackguarantee .ctextimage.nowrap > div { vertical-align: middle; } @media only screen and (max-width: 768px) { .ss-moneybackguarantee .content-container { padding: 0; } .ss-moneybackguarantee .ctextimage img { padding-right: 8px; margin: 0; } } @media only screen and (max-width: 480px) { .ss-moneybackguarantee .ctextimage img { padding-right: 8px; margin: 0; } } .ss-intermediate-subhead .ss-moneybackguarantee .ctext { padding: 20px 0 0 0; } @media only screen and (max-width: 480px) { .ss-intermediate-subhead .ss-moneybackguarantee .ctext { padding: 0; } } /* BODY */ /* CONTAINER */ /* OUTER CONTAINER */ /* TYPOGRAPHY */ /* FONT FAMILY */ /* FONT WEIGHT */ /* FONT SIZE */ /* LINE HEIGHT */ /* LETTER SPACING */ /* COLOR PALETTES PRIMARY, SECONDARY, TERTIARY */ /* PARAGRAPHS */ /* SECTIONS + header/subheaders */ /* SUB-SECTIONS */ /* CTA */ /* COLORS */ /* BORDER */ /* BOX-SHADOW */ /* CAROUSEL */ /* CONTAINER */ /* FAQ-QA */ /* COMP CHART 2 */ /* COMP-CHART-2-SIMPLE-HEADER */ /* DISCLOSURE */ /* FORM Vars */ /* PRICING-CARD LAYOUT */ /*helper vars for Harmony font*/ /*group headers*/ /*@pricing-card-layout-header-t-background-color: currentColor;*/ /* product title */ /*@pricing-card-layout-productcomponent-title-t-background-color: currentColor;*/ /* price ct */ /* price aw */ /* price per-month */ /* product offer (red) */ /* product offer2 */ /* feature-list */ /* PRODUCT COMPONENT */ /* PRICING CARD */ /* PRICING TABLE */ /* HERO */ /* VIDEO */ /* FOOTER */ /* RESPONSIVE TABS - added here because it's backwards compatible with non-responsive */ /* TESTIMONIAL */ /* FONT FAMILY */ /* FONT WEIGHT */ /* FONT SIZE */ /* LINE HEIGHT */ /* PARAGRAPHS */ /* CONTAINER */ /* SECTIONS header/subheaders */ /* SUB-SECTIONS */ /* CTA */ /* COLORS */ /* CAROUSEL */ /* FAQ-QA */ /* COMP CHART 2 */ /* COMP-CHART-2-SIMPLE-HEADER */ /* DISCLOSURE */ /* PRICING-CARD LAYOUT */ /* group headers */ /*@pricing-card-layout-header-t-background-color: #d4d7dc;*/ /*@pricing-card-layout-productcomponent-title-t-background-color: @bg-dark-green;*/ /* product title */ /* price ct */ /* price aw */ /* price per-month */ /* product offer (red) */ /* product offer2 */ /* feature-list */ /* PRODUCT COMPONENT */ /* PRICING CARD */ /* ONPAGENAV - base defined in resp_vars.less*/ /* TESTIMONIAL */ .ss-intermediate-subhead { padding: 0 !important; /* Tablet */ } .ss-intermediate-subhead .interspace_divider { border-top: 1px solid #d4d7dc; margin: 40px 0; } .ss-intermediate-subhead .ctext { padding: 40px 0 0 0; } .ss-intermediate-subhead .ctext h2 { padding-top: 0; padding-bottom: 16px; } .ss-intermediate-subhead .interspace_divider + .ctext { padding: 0; } .ss-intermediate-subhead .interspace_divider + .ctext h2 { padding-top: 0; } .ss-intermediate-subhead .ctext + .ctext { padding: 0; } .ss-intermediate-subhead p { margin: 0; padding: 0 0 20px 0; } @media only screen and (max-width: 991px) { .ss-intermediate-subhead { padding-top: 0 !important; } .ss-intermediate-subhead .ctext { padding: 20px 0 0 0; } .ss-intermediate-subhead .interspace_divider + .ctext h2 { padding-top: 0; } } .ctext + .ss-intermediate-subhead { margin-top: -26px; /* Tablet & Phone */ } .ctext + .ss-intermediate-subhead .interspace_divider { margin: 56px 0 42px 0; } @media only screen and (max-width: 991px) { .ctext + .ss-intermediate-subhead { margin-top: -34px; } .ctext + .ss-intermediate-subhead .interspace_divider { margin: 46px 0 32px 0; } } .cq-wcm-edit .ss-intermediate-subhead .interspace_container { padding: 0; } /* BODY */ /* CONTAINER */ /* OUTER CONTAINER */ /* TYPOGRAPHY */ /* FONT FAMILY */ /* FONT WEIGHT */ /* FONT SIZE */ /* LINE HEIGHT */ /* LETTER SPACING */ /* COLOR PALETTES PRIMARY, SECONDARY, TERTIARY */ /* PARAGRAPHS */ /* SECTIONS + header/subheaders */ /* SUB-SECTIONS */ /* CTA */ /* COLORS */ /* BORDER */ /* BOX-SHADOW */ /* CAROUSEL */ /* CONTAINER */ /* FAQ-QA */ /* COMP CHART 2 */ /* COMP-CHART-2-SIMPLE-HEADER */ /* DISCLOSURE */ /* FORM Vars */ /* PRICING-CARD LAYOUT */ /*helper vars for Harmony font*/ /*group headers*/ /*@pricing-card-layout-header-t-background-color: currentColor;*/ /* product title */ /*@pricing-card-layout-productcomponent-title-t-background-color: currentColor;*/ /* price ct */ /* price aw */ /* price per-month */ /* product offer (red) */ /* product offer2 */ /* feature-list */ /* PRODUCT COMPONENT */ /* PRICING CARD */ /* PRICING TABLE */ /* HERO */ /* VIDEO */ /* FOOTER */ /* RESPONSIVE TABS - added here because it's backwards compatible with non-responsive */ /* TESTIMONIAL */ /* FONT FAMILY */ /* FONT WEIGHT */ /* FONT SIZE */ /* LINE HEIGHT */ /* PARAGRAPHS */ /* CONTAINER */ /* SECTIONS header/subheaders */ /* SUB-SECTIONS */ /* CTA */ /* COLORS */ /* CAROUSEL */ /* FAQ-QA */ /* COMP CHART 2 */ /* COMP-CHART-2-SIMPLE-HEADER */ /* DISCLOSURE */ /* PRICING-CARD LAYOUT */ /* group headers */ /*@pricing-card-layout-header-t-background-color: #d4d7dc;*/ /*@pricing-card-layout-productcomponent-title-t-background-color: @bg-dark-green;*/ /* product title */ /* price ct */ /* price aw */ /* price per-month */ /* product offer (red) */ /* product offer2 */ /* feature-list */ /* PRODUCT COMPONENT */ /* PRICING CARD */ /* ONPAGENAV - base defined in resp_vars.less*/ /* TESTIMONIAL */ /* Mixin for generating global sprite SVG and its fallback PNG. Ideally this has to be a LESS VAR, but due to how CQ interprets LESS VAR PATHS, its hardcoded this way */ .fcolor-prim { color: #f77b00; } .fcolor-sec { color: #3f6dc9; } .ss-image-text-h, .horizontal-image-text { margin: 0; padding: 20px 0; } .ss-image-text-h h1, .horizontal-image-text h1 { margin: 0; } .ss-image-text-h h3, .horizontal-image-text h3 { padding: 0 0 26px 0; } .ss-image-text-h img, .horizontal-image-text img { padding: 0 0 20px 0; } .ss-image-text-h > .row, .horizontal-image-text > .row { padding-top: 0!important; } @media (min-width: 768px) { .ss-image-text-h, .horizontal-image-text { padding-bottom: 0!important; margin-bottom: -20px !important; } .ss-image-text-h:last-child, .horizontal-image-text:last-child { margin-bottom: 0!important; padding-bottom: 20px; } } .horizontal-image-text.image-text-1x1-horizontal { padding-top: 20px; margin-bottom: 20px !important; /* If there is an intermediate subhead following this, move it down a bit */ /* Small devices Tablet (between 768px and 991px) */ /* Extra Small devices Phones (less than 768px) */ } @media (min-width: 768px) { .horizontal-image-text.image-text-1x1-horizontal .row { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; } } .horizontal-image-text.image-text-1x1-horizontal .row .ctext { padding: 0 0 0 40px; } .horizontal-image-text.image-text-1x1-horizontal .row .ctext p.p2:nth-child(2) { padding-top: 16px; padding-bottom: 28px; } .horizontal-image-text.image-text-1x1-horizontal .row .col-sm-pull-7 .ctext { padding: 0 40px 0 0; } .horizontal-image-text.image-text-1x1-horizontal .row img { padding: 0; } .horizontal-image-text.image-text-1x1-horizontal .component-footer { padding: 20px 0 40px 0; } .horizontal-image-text.image-text-1x1-horizontal + section.ss-intermediate-subhead { margin-top: 60px; } @media only screen and (max-width: 991px) { .horizontal-image-text.image-text-1x1-horizontal { /* If there is an intermediate subhead following this, move it up a bit */ } .horizontal-image-text.image-text-1x1-horizontal .component-footer { padding: 20px 0 20px 0; } .horizontal-image-text.image-text-1x1-horizontal + section.ss-intermediate-subhead { margin-top: 0; } } @media only screen and (max-width: 767px) { .horizontal-image-text.image-text-1x1-horizontal { margin-bottom: 0 !important; /* If there is an intermediate subhead following this, move it up a bit */ } .horizontal-image-text.image-text-1x1-horizontal .row .ctext { padding: 0; } .horizontal-image-text.image-text-1x1-horizontal .row .col-sm-pull-7 .ctext { padding: 0; } .horizontal-image-text.image-text-1x1-horizontal .row img { padding: 0 0 20px 0; } .horizontal-image-text.image-text-1x1-horizontal .component-footer { padding: 20px 0 20px 0; } .horizontal-image-text.image-text-1x1-horizontal + section.ss-intermediate-subhead { margin-top: -20px; } } .ss-image-text-v { padding: 20px 0; /* If there is promo banner following this, move it down a bit */ /* Tablet (between 768px and 991px) */ /* Phone (less than 768px) */ } .ss-image-text-v > .ctext { padding-top: 40px; text-align: center; } .ss-image-text-v + section.mt-on-page-banner { margin-top: 40px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .ss-image-text-v { padding-bottom: 0 !important; } } @media only screen and (max-width: 767px) { .ss-image-text-v { /* If there is an intermediate subhead following this, move it up a bit */ /* If there is promo banner following this, move it down a bit */ } .ss-image-text-v + section.ss-intermediate-subhead { margin-top: -20px; } .ss-image-text-v + section.mt-on-page-banner { margin-top: 20px; } } .ss-image-text-v .resp_grid.grid-container-100, .ss-image-text-h .resp_grid.grid-container-100 { width: auto; } .grid-image-text.image-text-vertical-cta-footer .bottom-container { text-align: center; } .grid-image-text.image-text-vertical-cta-footer .bottom-container div.ctext { display: inline-block; } .grid-image-text.image-text-vertical-cta-footer .bottom-container div.ccta { display: inline-block; font-size: 19px; line-height: 24px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; color: #393a3d; } @media (min-width: 768px) and (max-width: 991px) { .grid-image-text.image-text-vertical-cta-footer .bottom-container div.ccta { font-size: 15px; line-height: 20px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; } } .grid-image-text.image-text-2x1-vertical-pricing { padding: 20px 0; /* Use flex for Tablet and Desktop to correctly vertical align images to baseline and sets child columns to same height */ } .grid-image-text.image-text-2x1-vertical-pricing div.row div[class*="col-"] div.cimage img { max-width: 340px; overflow: hidden; } .grid-image-text.image-text-2x1-vertical-pricing div.row div[class*="col-"] div.eCommerce-product-div { padding: 0 16px 0 16px; } .grid-image-text.image-text-2x1-vertical-pricing div.row div[class*="col-"] div.eCommerce-product-div .image-price-container .price-container-title { font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 400; font-size: 24px; line-height: 28px; color: #393a3d; padding-top: 28px; padding-bottom: 13px; margin-bottom: 0; } @media (min-width: 768px) and (max-width: 991px) { .grid-image-text.image-text-2x1-vertical-pricing div.row div[class*="col-"] div.eCommerce-product-div .image-price-container .price-container-title { font-size: 19px; line-height: 24px; } } .grid-image-text.image-text-2x1-vertical-pricing div.row div[class*="col-"] div.eCommerce-product-div .image-price-container .price-container .pricing-section .price { font-size: 44px; margin-top: -1px; } .grid-image-text.image-text-2x1-vertical-pricing div.row div[class*="col-"] div.eCommerce-product-div .image-price-container .price-container .pricing-section .price .line-through { top: 25px !important; width: 112% !important; left: -2px !important; } .grid-image-text.image-text-2x1-vertical-pricing div.row div[class*="col-"] div.eCommerce-product-div .image-price-container .price-container .pricing-section .price .aw { font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif; color: #393a3d; } @media (min-width: 992px) { .grid-image-text.image-text-2x1-vertical-pricing div.row div[class*="col-"] div.eCommerce-product-div .image-price-container .price-container .pricing-section .price .aw { font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif; font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif !important; font-weight: 500; font-size: 44px; line-height: 48px; } } @media (min-width: 768px) and (max-width: 991px) { .grid-image-text.image-text-2x1-vertical-pricing div.row div[class*="col-"] div.eCommerce-product-div .image-price-container .price-container .pricing-section .price .aw { font-size: 32px; line-height: 36px; } } .grid-image-text.image-text-2x1-vertical-pricing div.row div[class*="col-"] div.eCommerce-product-div .image-price-container .price-container .pricing-section .red-price-text { font-size: 44px; } .grid-image-text.image-text-2x1-vertical-pricing div.row div[class*="col-"] div.eCommerce-product-div .image-price-container .price-container .pricing-section .red-price-text .aw { font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif; color: #393a3d; color: #d52b1e; } @media (min-width: 992px) { .grid-image-text.image-text-2x1-vertical-pricing div.row div[class*="col-"] div.eCommerce-product-div .image-price-container .price-container .pricing-section .red-price-text .aw { font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif; font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif !important; font-weight: 500; font-size: 44px; line-height: 48px; } } @media (min-width: 768px) and (max-width: 991px) { .grid-image-text.image-text-2x1-vertical-pricing div.row div[class*="col-"] div.eCommerce-product-div .image-price-container .price-container .pricing-section .red-price-text .aw { font-size: 32px; line-height: 36px; } } .grid-image-text.image-text-2x1-vertical-pricing div.row div[class*="col-"] div.eCommerce-product-div .image-price-container .price-container .pricing-section .red-price-month { top: 27px; } .grid-image-text.image-text-2x1-vertical-pricing div.row div[class*="col-"] div.eCommerce-product-div .image-price-container .price-container .pricing-section .ct, .grid-image-text.image-text-2x1-vertical-pricing div.row div[class*="col-"] div.eCommerce-product-div .image-price-container .price-container .pricing-section .ac { font-size: 50% !important; top: -15px; font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif; font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif !important; font-weight: 500; font-size: 19px; line-height: 24px; } .grid-image-text.image-text-2x1-vertical-pricing div.row div[class*="col-"] div.eCommerce-product-div .image-price-container .price-container .pricing-section .as { display: none; } .grid-image-text.image-text-2x1-vertical-pricing div.row div[class*="col-"] div.eCommerce-product-div .image-price-container .price-container .per { font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; font-size: 15px; line-height: 20px; color: #d52b1e; } .grid-image-text.image-text-2x1-vertical-pricing div.row div[class*="col-"] div.eCommerce-product-div .image-price-container .offer-text { font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 600; font-size: 15px; line-height: 20px; color: #393a3d ; font-weight: 100; } @media (min-width: 768px) and (max-width: 991px) { .grid-image-text.image-text-2x1-vertical-pricing div.row div[class*="col-"] div.eCommerce-product-div .image-price-container .offer-text { font-size: 15px; line-height: 20px; } } .grid-image-text.image-text-2x1-vertical-pricing div.row div[class*="col-"] > div.ctext { padding: 20px 16px 0 16px; text-align: center; } .grid-image-text.image-text-2x1-vertical-pricing > div.ctext { padding-top: 40px; } .grid-image-text.image-text-2x1-vertical-pricing > div.ccta { padding-top: 40px; } @media only screen and (min-width: 768px) { .grid-image-text.image-text-2x1-vertical-pricing div.row { display: -webkit-flex; /* Safari */ display: flex; -webkit-align-items: flex-end; /* Safari 7.0+ */ align-items: flex-end; } } /* Tablet (between 768px and 991px) */ @media only screen and (max-width: 991px) { .grid-image-text.image-text-2x1-vertical-pricing { padding-bottom: 0; } .grid-image-text.image-text-2x1-vertical-pricing div.row div[class*="col-"] div.eCommerce-product-div .image-price-container .price-container-title { font-size: 19px; line-height: 24px; } .grid-image-text.image-text-2x1-vertical-pricing div.row div[class*="col-"] div.eCommerce-product-div .image-price-container .price-container .pricing-section { margin-top: 0px; } .grid-image-text.image-text-2x1-vertical-pricing div.row div[class*="col-"] div.eCommerce-product-div .image-price-container .price-container .pricing-section .price .line-through { top: 33px !important; } .grid-image-text.image-text-2x1-vertical-pricing div.row div[class*="col-"] div.eCommerce-product-div .image-price-container .price-container .pricing-section .ct, .grid-image-text.image-text-2x1-vertical-pricing div.row div[class*="col-"] div.eCommerce-product-div .image-price-container .price-container .pricing-section .ac { top: -7px; font-size: 15px; line-height: 20px; } .grid-image-text.image-text-2x1-vertical-pricing div.row div[class*="col-"] div.eCommerce-product-div .image-price-container .price-container .per { top: 27px !important; font-size: 15px; line-height: 20px; } } /* Phone (less than 768px) */ @media only screen and (max-width: 767px) { .grid-image-text.image-text-2x1-vertical-pricing { padding-bottom: 20px; /* If there is an intermediate subhead following this, move it up a bit */ } .grid-image-text.image-text-2x1-vertical-pricing div.row div[class*="col-"] div.eCommerce-product-div .image-price-container .price-container .pricing-section .price .line-through { top: 28px !important; } .grid-image-text.image-text-2x1-vertical-pricing div.row div[class*="col-"] div.eCommerce-product-div .image-price-container .price-container .pricing-section .ct { top: -12px; } .grid-image-text.image-text-2x1-vertical-pricing div.row div[class*="col-"] { padding: 0 16px 0 16px; } .grid-image-text.image-text-2x1-vertical-pricing div.row div[class*="col-"]:first-child { padding-bottom: 40px; } .grid-image-text.image-text-2x1-vertical-pricing div.row div[class*="col-"] div.cimage img { max-width: 100%; } .grid-image-text.image-text-2x1-vertical-pricing div.row div[class*="col-"] div.eCommerce-product-div .image-price-container .price-container-title { padding-bottom: 6px; } .grid-image-text.image-text-2x1-vertical-pricing + section.ss-intermediate-subhead { margin-top: -20px; } } .grid-image-text.image-text-4x1-vertical { padding: 20px 0; /* If there is an intermediate subhead following this, move it up a bit */ /* Use flex for Tablet and Desktop to correctly vertical align images to baseline and sets child columns to same height */ /* Tablet (between 768px and 991px) */ /* Phone (less than 768px) */ } .grid-image-text.image-text-4x1-vertical div.row div[class*="col-"] div.cimage img { max-width: 340px; overflow: hidden; } .grid-image-text.image-text-4x1-vertical div.row div[class*="col-"] > div.ctext { padding-top: 20px; text-align: center; } .grid-image-text.image-text-4x1-vertical > div.ctext { padding-top: 40px; } .grid-image-text.image-text-4x1-vertical > div.ccta { padding-top: 40px; } .grid-image-text.image-text-4x1-vertical + section.ss-intermediate-subhead { margin-top: -21px; } @media only screen and (min-width: 768px) { .grid-image-text.image-text-4x1-vertical div.row { display: -webkit-flex; /* Safari */ display: flex; -webkit-align-items: flex-end; /* Safari 7.0+ */ align-items: flex-end; } .grid-image-text.image-text-4x1-vertical div.row div.cimage { display: -webkit-flex; /* Safari */ display: flex; -webkit-justify-content: center; justify-content: center; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .grid-image-text.image-text-4x1-vertical { padding-bottom: 0; /* If there is an intermediate subhead following this, move down up a bit */ } .grid-image-text.image-text-4x1-vertical div.row { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .grid-image-text.image-text-4x1-vertical div.row div[class*="col-"] { padding-bottom: 40px; width: 49%; } .grid-image-text.image-text-4x1-vertical div.row div[class*="col-"]:nth-child(3) { padding-bottom: 0; } .grid-image-text.image-text-4x1-vertical div.row div[class*="col-"]:last-child { padding-bottom: 0; } .grid-image-text.image-text-4x1-vertical + section.ss-intermediate-subhead { margin-top: -12px; } } @media only screen and (max-width: 767px) { .grid-image-text.image-text-4x1-vertical { /* If there is an intermediate subhead following this, move it up a bit */ } .grid-image-text.image-text-4x1-vertical div.row div[class*="col-"] { padding-bottom: 40px; } .grid-image-text.image-text-4x1-vertical div.row div[class*="col-"]:last-child { padding-bottom: 0; } .grid-image-text.image-text-4x1-vertical div.row div[class*="col-"] div.cimage img { max-width: 100%; } .grid-image-text.image-text-4x1-vertical + section.ss-intermediate-subhead { margin-top: -32px; } } .grid-image-text.image-text-4x1-vertical-apps { padding: 20px 0; /* Use flex for Tablet and Desktop to correctly vertical align images to baseline and sets child columns to same height */ /* Tablet (between 768px and 991px) */ /* Phone (less than 768px) */ } .grid-image-text.image-text-4x1-vertical-apps div.row div[class*="col-"] div.cimage img { max-width: 340px; overflow: hidden; } .grid-image-text.image-text-4x1-vertical-apps div.row div[class*="col-"] div.ccta { padding-top: 20px; margin-bottom: -5px; } .grid-image-text.image-text-4x1-vertical-apps > div.ctext { padding-top: 40px; } @media only screen and (min-width: 768px) { .grid-image-text.image-text-4x1-vertical-apps div.row { display: -webkit-flex; /* Safari */ display: flex; -webkit-align-items: flex-end; /* Safari 7.0+ */ align-items: flex-end; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .grid-image-text.image-text-4x1-vertical-apps { padding-bottom: 0; } } @media only screen and (max-width: 767px) { .grid-image-text.image-text-4x1-vertical-apps { /* If there is an intermediate subhead following this, move it up a bit */ } .grid-image-text.image-text-4x1-vertical-apps div.row div[class*="col-"] { padding-bottom: 40px; } .grid-image-text.image-text-4x1-vertical-apps div.row div[class*="col-"]:last-child { padding-bottom: 0; } .grid-image-text.image-text-4x1-vertical-apps div.row div[class*="col-"] div.cimage img { max-width: 100%; } .grid-image-text.image-text-4x1-vertical-apps + section.ss-intermediate-subhead { margin-top: -20px; } } .grid-image-text.image-text-4x1-vertical-pricing { padding: 20px 0; /* Use flex for Tablet and Desktop to correctly vertical align images to baseline and sets child columns to same height */ /* Tablet (between 768px and 991px) */ /* Phone (less than 768px) */ /* Phones portrait (less than 480px) */ } .grid-image-text.image-text-4x1-vertical-pricing div.row div[class*="col-"] div.cimage img { max-width: 340px; overflow: hidden; } .grid-image-text.image-text-4x1-vertical-pricing div.row div[class*="col-"] div.ctext { padding-top: 20px; text-align: center; } .grid-image-text.image-text-4x1-vertical-pricing div.row div[class*="col-"] div.ctext p:nth-child(3) { padding-top: 16px; margin-bottom: -2px; } .grid-image-text.image-text-4x1-vertical-pricing div.row div[class*="col-"] div.ctext p:last-child { margin-top: -8px; } .grid-image-text.image-text-4x1-vertical-pricing > div.ctext { padding-top: 40px; } .grid-image-text.image-text-4x1-vertical-pricing .x-price-currency-quantifier, .grid-image-text.image-text-4x1-vertical-pricing .x-price-amount-cents { font-size: 30px; bottom: 10px; position: relative; } .grid-image-text.image-text-4x1-vertical-pricing sup.x-price-sup { font-size: 10px; left: 2px; top: -24px; position: relative; } @media only screen and (min-width: 768px) { .grid-image-text.image-text-4x1-vertical-pricing div.row { display: -webkit-flex; /* Safari */ display: flex; -webkit-align-items: flex-end; /* Safari 7.0+ */ align-items: flex-end; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .grid-image-text.image-text-4x1-vertical-pricing { padding-bottom: 0; } .grid-image-text.image-text-4x1-vertical-pricing .x-price-currency-quantifier, .grid-image-text.image-text-4x1-vertical-pricing .x-price-amount-cents { font-size: 20px; bottom: 8px; } .grid-image-text.image-text-4x1-vertical-pricing sup.x-price-sup { font-size: 8px; top: -17px; position: relative; } .grid-image-text.image-text-4x1-vertical-pricing .breakline { display: block; } } @media only screen and (max-width: 767px) { .grid-image-text.image-text-4x1-vertical-pricing { /* If there is an intermediate subhead following this, move it up a bit */ } .grid-image-text.image-text-4x1-vertical-pricing .col-xs-12 { padding-bottom: 40px; } .grid-image-text.image-text-4x1-vertical-pricing .col-xs-12:last-child { padding-bottom: 0; } .grid-image-text.image-text-4x1-vertical-pricing .cimage .img-right, .grid-image-text.image-text-4x1-vertical-pricing .cimage .img-left { display: block; float: none; margin: 0 auto; } .grid-image-text.image-text-4x1-vertical-pricing .x-price-currency-quantifier, .grid-image-text.image-text-4x1-vertical-pricing .x-price-amount-cents { font-size: 20px; bottom: 9px; } .grid-image-text.image-text-4x1-vertical-pricing sup.x-price-sup { font-size: 10px; top: -16px; } .grid-image-text.image-text-4x1-vertical-pricing + section.ss-intermediate-subhead { margin-top: -20px; } } @media only screen and (max-width: 479px) { .grid-image-text.image-text-4x1-vertical-pricing .x-price-currency-quantifier, .grid-image-text.image-text-4x1-vertical-pricing .x-price-amount-cents { font-size: 20px; bottom: 14px; } .grid-image-text.image-text-4x1-vertical-pricing sup.x-price-sup { font-size: 10px; top: -20px; } } .horizontal-image-text.two-by-one { padding: 20px 0 40px 0 !important; /* Use flex for Tablet and Desktop to correctly vertical align images to baseline and sets child columns to same height */ /* Tablet (between 768px and 991px) */ /* Phone (less than 768px) */ } .horizontal-image-text.two-by-one div.row div[class*="col-"] div.cimage img { max-width: 340px; overflow: hidden; padding: 0; } @media only screen and (min-width: 768px) { .horizontal-image-text.two-by-one div.row { display: -webkit-flex; /* Safari */ display: flex; -webkit-align-items: flex-start; /* Safari 7.0+ */ align-items: flex-start; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .horizontal-image-text.two-by-one { padding-bottom: 20px !important; } } @media only screen and (max-width: 767px) { .horizontal-image-text.two-by-one { padding-bottom: 20px !important; /* If there is an intermediate subhead following this, move it up a bit */ } .horizontal-image-text.two-by-one div.row div[class*="col-"] div.cimage img { display: block; float: none; margin: 0 auto; padding-bottom: 20px; } .horizontal-image-text.two-by-one div.row div[class*="col-"] div.ctext { text-align: center; } .horizontal-image-text.two-by-one div.row div[class*="col-"] ul { text-align: left; } .horizontal-image-text.two-by-one div.row .span6 { padding-bottom: 40px; } .horizontal-image-text.two-by-one div.row .span6:last-child { padding-bottom: 0; } .horizontal-image-text.two-by-one > div.horizontal-image-text-footer { padding-top: 35px; } .horizontal-image-text.two-by-one + section.ss-intermediate-subhead { margin-top: -20px; } } /* BODY */ /* CONTAINER */ /* OUTER CONTAINER */ /* TYPOGRAPHY */ /* FONT FAMILY */ /* FONT WEIGHT */ /* FONT SIZE */ /* LINE HEIGHT */ /* LETTER SPACING */ /* COLOR PALETTES PRIMARY, SECONDARY, TERTIARY */ /* PARAGRAPHS */ /* SECTIONS + header/subheaders */ /* SUB-SECTIONS */ /* CTA */ /* COLORS */ /* BORDER */ /* BOX-SHADOW */ /* CAROUSEL */ /* CONTAINER */ /* FAQ-QA */ /* COMP CHART 2 */ /* COMP-CHART-2-SIMPLE-HEADER */ /* DISCLOSURE */ /* FORM Vars */ /* PRICING-CARD LAYOUT */ /*helper vars for Harmony font*/ /*group headers*/ /*@pricing-card-layout-header-t-background-color: currentColor;*/ /* product title */ /*@pricing-card-layout-productcomponent-title-t-background-color: currentColor;*/ /* price ct */ /* price aw */ /* price per-month */ /* product offer (red) */ /* product offer2 */ /* feature-list */ /* PRODUCT COMPONENT */ /* PRICING CARD */ /* PRICING TABLE */ /* HERO */ /* VIDEO */ /* FOOTER */ /* RESPONSIVE TABS - added here because it's backwards compatible with non-responsive */ /* TESTIMONIAL */ /* FONT FAMILY */ /* FONT WEIGHT */ /* FONT SIZE */ /* LINE HEIGHT */ /* PARAGRAPHS */ /* CONTAINER */ /* SECTIONS header/subheaders */ /* SUB-SECTIONS */ /* CTA */ /* COLORS */ /* CAROUSEL */ /* FAQ-QA */ /* COMP CHART 2 */ /* COMP-CHART-2-SIMPLE-HEADER */ /* DISCLOSURE */ /* PRICING-CARD LAYOUT */ /* group headers */ /*@pricing-card-layout-header-t-background-color: #d4d7dc;*/ /*@pricing-card-layout-productcomponent-title-t-background-color: @bg-dark-green;*/ /* product title */ /* price ct */ /* price aw */ /* price per-month */ /* product offer (red) */ /* product offer2 */ /* feature-list */ /* PRODUCT COMPONENT */ /* PRICING CARD */ /* ONPAGENAV - base defined in resp_vars.less*/ /* TESTIMONIAL */ /* hero */ .hero-bg-container { height: 300px !important; } .hero-bg-container-tall { height: 400px !important; } .hero-bg-container, .hero-bg-container-tall { z-index: 0; overflow: hidden; } .hero-bg-container .bg-color, .hero-bg-container-tall .bg-color { width: 800px; height: 100%; float: right; margin-right: 50%; } .hero-bg-container .bg-black, .hero-bg-container-tall .bg-black { background-color: #000000; } .hero-bg-container .background-opacity-fifty, .hero-bg-container-tall .background-opacity-fifty { opacity: 0.5; } .hero-grid-container { position: absolute; top: 0; width: 100%; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale; } div[id^="cq-gen"] .hero-grid-container { position: relative; } .hero-grid-container .resp_grid .ccontainer { padding-top: 40px; padding-bottom: 40px; } .hero-grid-container .resp_grid .ccontainer .ctext h3, .hero-grid-container .resp_grid .ccontainer .ctext .h3, .hero-grid-container .resp_grid .ccontainer .ctext h1, .hero-grid-container .resp_grid .ccontainer .ctext .h1, .hero-grid-container .resp_grid .ccontainer .ctext p, .hero-grid-container .resp_grid .ccontainer .ctext .h1b { color: #ffffff; padding-bottom: 20px; } .hero-grid-container .resp_grid .ccontainer .ctext p, .hero-grid-container .resp_grid .ccontainer .ctext .h1b { margin-top: -4px; } div[id^="cq-gen"] .hero-grid-container .resp_grid .ccontainer .ctext h1, div[id^="cq-gen"] .hero-grid-container .resp_grid .ccontainer .ctext .h1, div[id^="cq-gen"] .hero-grid-container .resp_grid .ccontainer .ctext h3, div[id^="cq-gen"] .hero-grid-container .resp_grid .ccontainer .ctext .h3, div[id^="cq-gen"] .hero-grid-container .resp_grid .ccontainer .ctext p, div[id^="cq-gen"] .hero-grid-container .resp_grid .ccontainer .ctext .h1b { color: #393a3d; } .hero-grid-container .resp_grid .ccontainer .ccta a, .hero-grid-container .resp_grid .ccontainer .ccta .ctaprimary { font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 600; font-size: 19px; line-height: 24px; background-color: #ff6a00; height: 40px; padding-top: 8px; } @media only screen and (max-width: 768px) { .hero-grid-container .resp_grid .ccontainer { padding-left: 14px; padding-right: 14px; } .hero-grid-container .resp_grid .ccontainer .ctext h3, .hero-grid-container .resp_grid .ccontainer .ctext .h3 { font-size: 15px; line-height: 20px; padding-bottom: 16px; } .hero-grid-container .resp_grid .ccontainer .ctext h1, .hero-grid-container .resp_grid .ccontainer .ctext .h1 { font-size: 32px; line-height: 36px; } .hero-grid-container .resp_grid .ccontainer .ctext p, .hero-grid-container .resp_grid .ccontainer .ctext .h1b { font-size: 19px; line-height: 24px; } .hero-grid-container .resp_grid .ccontainer .ccta a, .hero-grid-container .resp_grid .ccontainer .ccta .ctaprimary { font-size: 15px; line-height: 20px; padding-top: 10px; } } @media (max-width: 767px) { .hero-bg-container.resp_img .bg, .hero-bg-container-tall.resp_img .bg { display: block !important; } .hero-grid-container .resp_grid .ccontainer { padding-left: 6px; padding-right: 6px; } } @media only screen and (max-width: 480px) { .hero-bg-container, .hero-bg-container-tall { margin-bottom: 72px; } .hero-bg-container .bg-color, .hero-bg-container-tall .bg-color { margin-right: 0; width: 100%; } .hero-bg-container ~ .hero-grid-container .ccta { position: absolute; top: 316px; } .hero-bg-container-tall ~ .hero-grid-container .ccta { position: absolute; top: 416px; } .hero-grid-container .resp_grid .ccontainer { padding-top: 28px; } .hero-grid-container .resp_grid .ccontainer .ctext h3, .hero-grid-container .resp_grid .ccontainer .ctext .h3, .hero-grid-container .resp_grid .ccontainer .ctext h1, .hero-grid-container .resp_grid .ccontainer .ctext .h1, .hero-grid-container .resp_grid .ccontainer .ctext p, .hero-grid-container .resp_grid .ccontainer .ctext .h1b { text-align: center; } .hero-grid-container .resp_grid .ccontainer .ctext p, .hero-grid-container .resp_grid .ccontainer .ctext .h1b { font-size: 15px; line-height: 20px; } .hero-grid-container .resp_grid .ccontainer .ccta { text-align: center; width: 100%; } } .edit-only { display: none; } /* hero content layer styles */ /* Mixin for generating global sprite SVG and its fallback PNG. Ideally this has to be a LESS VAR, but due to how CQ interprets LESS VAR PATHS, its hardcoded this way */ .fcolor-prim { color: #f77b00; } .fcolor-sec { color: #3f6dc9; } @media only screen and (max-width: 767px) { .chero-layers.chero-layers-cta { height: 366px !important; } } @media only screen and (max-width: 767px) { .chero-layers.chero-layers-cta-video { height: 356px !important; } } .cq-wcm-edit .chero-layers.chero-layers-2-cta, .cq-wcm-edit .chero-layers.chero-layers-cta-text { height: 532px; } .bg-layer .cq-wcm-edit .chero-layers.chero-layers-2-cta, .bg-layer .cq-wcm-edit .chero-layers.chero-layers-cta-text { height: 380px; } @media only screen and (max-width: 767px) { .chero-layers.chero-layers-2-cta, .chero-layers.chero-layers-cta-text { height: 414px !important; } } .chero-layers .content-layer .resp_grid div[class^="span"] { height: 300px; } .chero-layers .content-layer .resp_grid div[class^="span"] > .ccontainer { margin-top: 40px; padding: 0; width: 100%; } @media only screen and (min-width: 992px) and (max-width: 1023px) { .chero-layers .content-layer .resp_grid div[class^="span"] > .ccontainer { left: 22px; } } @media only screen and (max-width: 991px) { .chero-layers .content-layer .resp_grid div[class^="span"] > .ccontainer { position: absolute; top: 150px; margin: 0; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 48px; } } @media only screen and (max-width: 767px) { .chero-layers .content-layer .resp_grid div[class^="span"] > .ccontainer { position: relative; top: 0; left: 0; -ms-transform: unset; -webkit-transform: unset; transform: unset; position: static; } } .chero-layers .content-layer .resp_grid div[class^="span"] > .ccontainer .ctext { color: #ffffff; } @media only screen and (min-width: 992px) and (max-width: 1023px) { .chero-layers .content-layer .resp_grid div[class^="span"] > .ccontainer .ctext { margin-right: 22px; } } @media only screen and (max-width: 991px) { .chero-layers .content-layer .resp_grid div[class^="span"] > .ccontainer .ctext { margin-right: 48px; } } @media only screen and (max-width: 767px) { .chero-layers .content-layer .resp_grid div[class^="span"] > .ccontainer .ctext { position: absolute; top: 150px; left: 50%; margin: 0; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 280px !important; } } .chero-layers .content-layer .resp_grid div[class^="span"] > .ccontainer .ctext h1 { margin-bottom: 0; color: inherit; } .chero-layers .content-layer .resp_grid div[class^="span"] > .ccontainer .ctext h1 span { color: #ffffff; } .chero-layers .content-layer .resp_grid div[class^="span"] > .ccontainer .ctext h1 + p { margin-top: 16px; } .chero-layers .content-layer .resp_grid div[class^="span"] > .ccontainer .ctext p { color: #ffffff; } .chero-layers .content-layer .resp_grid div[class^="span"] > .ccontainer .ctext p span { color: #ffffff; } .chero-layers .content-layer .resp_grid div[class^="span"] > .ccontainer .ctext p span .h1b { color: #ffffff; } .chero-layers .content-layer .resp_grid div[class^="span"] > .ccontainer .ccta { margin-top: 20px; } .chero-layers .content-layer .resp_grid div[class^="span"] > .ccontainer .ccta .ctaplain { font-size: 15px; line-height: 20px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; color: #393a3d; color: #34bfff; } @media only screen and (max-width: 767px) { .chero-layers .content-layer .resp_grid div[class^="span"] > .ccontainer .ctext, .chero-layers .content-layer .resp_grid div[class^="span"] > .ccontainer .ccta { text-align: center; } .chero-layers .content-layer .resp_grid div[class^="span"] > .ccontainer .ccta { position: absolute; left: 50%; top: 297px; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } } .chero-layers .content-layer .resp_grid div[class^="span"] .ccontainer.ccontainer-hero-content-2-cta .ccontainer { margin-top: 20px; left: 0; padding: 0; } @media only screen and (max-width: 991px) { .chero-layers .content-layer .resp_grid div[class^="span"] .ccontainer.ccontainer-hero-content-2-cta .ccontainer { position: relative; top: 0; left: 0; -ms-transform: unset; -webkit-transform: unset; transform: unset; } } .chero-layers .content-layer .resp_grid div[class^="span"] .ccontainer.ccontainer-hero-content-2-cta .ccontainer .ccta { margin-top: 0; display: inline-block; } .chero-layers .content-layer .resp_grid div[class^="span"] .ccontainer.ccontainer-hero-content-2-cta .ccontainer .ccta:last-child { position: absolute; margin: 0; margin-left: 20px; } @media only screen and (min-width: 768px) { .chero-layers .content-layer .resp_grid div[class^="span"] .ccontainer.ccontainer-hero-content-2-cta .ccontainer .ccta:last-child a.ctasecondary { padding: 0 14px; display: inline-block; font-size: 15px; line-height: 29px !important; background: transparent; color: #ffffff; border: 2px solid #ffffff; } .chero-layers .content-layer .resp_grid div[class^="span"] .ccontainer.ccontainer-hero-content-2-cta .ccontainer .ccta:last-child a.ctasecondary.full-width { width: 100%; max-width: 100%; text-align: center; box-sizing: border-box; padding-right: 0; padding-left: 0; } .chero-layers .content-layer .resp_grid div[class^="span"] .ccontainer.ccontainer-hero-content-2-cta .ccontainer .ccta:last-child a.ctasecondary:hover { background: transparent; color: #393a3d; border: 2px solid #393a3d; } .chero-layers .content-layer .resp_grid div[class^="span"] .ccontainer.ccontainer-hero-content-2-cta .ccontainer .ccta:last-child a.ctasecondary:hover { background: transparent; color: #d4d7dc; border: 2px solid #d4d7dc; } .chero-layers .content-layer .resp_grid div[class^="span"] .ccontainer.ccontainer-hero-content-2-cta .ccontainer .ccta:last-child a.ctasecondary:active { background: transparent; } } @media only screen and (max-width: 767px) { .chero-layers .content-layer .resp_grid div[class^="span"] .ccontainer.ccontainer-hero-content-2-cta .ccontainer .ccta:last-child { display: inline-block; margin: 0; top: 345px; } } .chero-layers .content-layer .resp_grid div[class^="span"] .ccontainer.ccontainer-hero-content-cta-text > .ccontainer { display: block; margin-top: 20px; left: 0; padding: 0; white-space: nowrap; } @media only screen and (max-width: 991px) { .chero-layers .content-layer .resp_grid div[class^="span"] .ccontainer.ccontainer-hero-content-cta-text > .ccontainer { position: relative; top: 0; left: 0; -ms-transform: unset; -webkit-transform: unset; transform: unset; } } .chero-layers .content-layer .resp_grid div[class^="span"] .ccontainer.ccontainer-hero-content-cta-text > .ccontainer .ccta { margin-top: 0; display: inline-block; vertical-align: top; } .chero-layers .content-layer .resp_grid div[class^="span"] .ccontainer.ccontainer-hero-content-cta-text > .ccontainer .ctext { display: inline-block; padding-left: 20px; white-space: normal; } .chero-layers .content-layer .resp_grid div[class^="span"] .ccontainer.ccontainer-hero-content-cta-text > .ccontainer .ctext p { display: inline; } @media only screen and (max-width: 767px) { .chero-layers .content-layer .resp_grid div[class^="span"] .ccontainer.ccontainer-hero-content-cta-text > .ccontainer > .ccontainer { display: block; } .chero-layers .content-layer .resp_grid div[class^="span"] .ccontainer.ccontainer-hero-content-cta-text > .ccontainer .ccta { display: block; } .chero-layers .content-layer .resp_grid div[class^="span"] .ccontainer.ccontainer-hero-content-cta-text > .ccontainer .ctext { display: block; padding-left: 0; position: relative; top: 360px; } .chero-layers .content-layer .resp_grid div[class^="span"] .ccontainer.ccontainer-hero-content-cta-text > .ccontainer .ctext p, .chero-layers .content-layer .resp_grid div[class^="span"] .ccontainer.ccontainer-hero-content-cta-text > .ccontainer .ctext span, .chero-layers .content-layer .resp_grid div[class^="span"] .ccontainer.ccontainer-hero-content-cta-text > .ccontainer .ctext h1, .chero-layers .content-layer .resp_grid div[class^="span"] .ccontainer.ccontainer-hero-content-cta-text > .ccontainer .ctext h2, .chero-layers .content-layer .resp_grid div[class^="span"] .ccontainer.ccontainer-hero-content-cta-text > .ccontainer .ctext h3, .chero-layers .content-layer .resp_grid div[class^="span"] .ccontainer.ccontainer-hero-content-cta-text > .ccontainer .ctext h4 { color: #393a3d; } } .chero-layers .content-layer .resp_grid div[class^="span"] .ccontainer.ccontainer-hero-content-product-video { padding: 0; } @media only screen and (max-width: 767px) { .chero-layers .content-layer .resp_grid div[class^="span"] .ccontainer.ccontainer-hero-content-product-video { min-width: 320px; } } .chero-layers .content-layer .resp_grid div[class^="span"] .ccontainer.ccontainer-hero-content-product-video .ccontainer { margin-top: 20px; left: 0; padding: 0; } @media only screen and (max-width: 991px) { .chero-layers .content-layer .resp_grid div[class^="span"] .ccontainer.ccontainer-hero-content-product-video .ccontainer { position: relative; top: 0; left: 0; -ms-transform: unset; -webkit-transform: unset; transform: unset; } } @media only screen and (max-width: 767px) { .chero-layers .content-layer .resp_grid div[class^="span"] .ccontainer.ccontainer-hero-content-product-video .ccontainer { position: absolute; left: 50%; top: 297px; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; width: auto; } } .chero-layers .content-layer .resp_grid div[class^="span"] .ccontainer.ccontainer-hero-content-product-video .ccontainer .cvideo { display: inline-block; width: auto; margin: 0; padding: 0; } .chero-layers .content-layer .resp_grid div[class^="span"] .ccontainer.ccontainer-hero-content-product-video .ccontainer .cvideo.responsive-video .poster img { padding: 0; margin: 0; width: auto; } .chero-layers .content-layer .resp_grid div[class^="span"] .ccontainer.ccontainer-hero-content-product-video .ccontainer .video-ratings { display: none; } .chero-layers .content-layer .resp_grid div[class^="span"] .ccontainer.ccontainer-hero-content-product-video .ccontainer .visually-hidden { display: none; } .chero-layers .content-layer .resp_grid div[class^="span"] .ccontainer.ccontainer-hero-content-product-video .ccontainer .ccta { display: inline-block; position: absolute; top: 50%; margin: 0; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); padding-left: 8px; } @media only screen and (max-width: 767px) { .chero-layers .content-layer .resp_grid div[class^="span"] .ccontainer.ccontainer-hero-content-product-video .ccontainer .ccta { position: relative; top: 0; left: 0; -ms-transform: unset; -webkit-transform: unset; transform: unset; -ms-transform: translateY(3px); -webkit-transform: translateY(3px); transform: translateY(3px); padding-left: 4px; } } .ccontainer.ccontainer-hero-text-only { background: #393a3d; height: 200px !important; padding: 40px 20px 20px 48px; } .cq-wcm-edit .ccontainer.ccontainer-hero-text-only { min-height: 250px; } .ccontainer.ccontainer-hero-text-only .ctext p, .ccontainer.ccontainer-hero-text-only span, .ccontainer.ccontainer-hero-text-only h1, .ccontainer.ccontainer-hero-text-only h2 { color: #ffffff; } .ccontainer.ccontainer-hero-text-only .ctext h1 + p { margin-top: 16px; } @media (max-width: 767px) { .ccontainer.ccontainer-hero-text-only { height: auto !important; padding: 40px 40px; } .ccontainer.ccontainer-hero-text-only .ctext h1 { text-align: center; } } /* BODY */ /* CONTAINER */ /* OUTER CONTAINER */ /* TYPOGRAPHY */ /* FONT FAMILY */ /* FONT WEIGHT */ /* FONT SIZE */ /* LINE HEIGHT */ /* LETTER SPACING */ /* COLOR PALETTES PRIMARY, SECONDARY, TERTIARY */ /* PARAGRAPHS */ /* SECTIONS + header/subheaders */ /* SUB-SECTIONS */ /* CTA */ /* COLORS */ /* BORDER */ /* BOX-SHADOW */ /* CAROUSEL */ /* CONTAINER */ /* FAQ-QA */ /* COMP CHART 2 */ /* COMP-CHART-2-SIMPLE-HEADER */ /* DISCLOSURE */ /* FORM Vars */ /* PRICING-CARD LAYOUT */ /*helper vars for Harmony font*/ /*group headers*/ /*@pricing-card-layout-header-t-background-color: currentColor;*/ /* product title */ /*@pricing-card-layout-productcomponent-title-t-background-color: currentColor;*/ /* price ct */ /* price aw */ /* price per-month */ /* product offer (red) */ /* product offer2 */ /* feature-list */ /* PRODUCT COMPONENT */ /* PRICING CARD */ /* PRICING TABLE */ /* HERO */ /* VIDEO */ /* FOOTER */ /* RESPONSIVE TABS - added here because it's backwards compatible with non-responsive */ /* TESTIMONIAL */ /* FONT FAMILY */ /* FONT WEIGHT */ /* FONT SIZE */ /* LINE HEIGHT */ /* PARAGRAPHS */ /* CONTAINER */ /* SECTIONS header/subheaders */ /* SUB-SECTIONS */ /* CTA */ /* COLORS */ /* CAROUSEL */ /* FAQ-QA */ /* COMP CHART 2 */ /* COMP-CHART-2-SIMPLE-HEADER */ /* DISCLOSURE */ /* PRICING-CARD LAYOUT */ /* group headers */ /*@pricing-card-layout-header-t-background-color: #d4d7dc;*/ /*@pricing-card-layout-productcomponent-title-t-background-color: @bg-dark-green;*/ /* product title */ /* price ct */ /* price aw */ /* price per-month */ /* product offer (red) */ /* product offer2 */ /* feature-list */ /* PRODUCT COMPONENT */ /* PRICING CARD */ /* ONPAGENAV - base defined in resp_vars.less*/ /* TESTIMONIAL */ .cfeatures-accordion .indicator.chevron-r-icon-8x12 { margin-top: 1px; } .cfeatures-accordion + .ctext .p1 { padding-top: 40px; padding-bottom: 0; } .cfeatures-accordion .panel-heading .ctext .p2 { color: #0077c5; } .cfeatures-accordion .panel-heading .ctext .p2:hover { text-decoration: underline; } .cfeatures-accordion .panel-group { margin-top: -20px; } .cfeatures-accordion .panel-group > hr { border: none; } .cfeatures-accordion .hidden-xs > .panel-content > section > .cimage { display: none; } .cfeatures-accordion .hidden-xs > .panel-content > section > .cimage:nth-child(1) { width: 540px; height: 100%; max-height: 336px; } .cfeatures-accordion .hidden-xs > .panel-content > section > .cimage:nth-child(2) { width: 400px; height: 100%; max-height: 264px; } @media (min-width: 480px) { .cfeatures-accordion .hidden-xs > .panel-content > section > .cimage:nth-child(2) { display: block; } } @media (min-width: 992px) { .cfeatures-accordion .hidden-xs > .panel-content > section > .cimage:nth-child(1) { display: block; } .cfeatures-accordion .hidden-xs > .panel-content > section > .cimage:nth-child(2) { display: none; } } .cfeatures-accordion hr { border-top: 1px solid #d4d7dc; margin-top: 16px; margin-bottom: 16px; } .cfeatures-accordion > .row > .hidden-xs { display: none !important; } @media (min-width: 480px) { .cfeatures-accordion > .row > .hidden-xs { display: inline !important; } } @media only screen and (max-width: 480px) { .cfeatures-accordion + .ctext .p1 { text-align: left; } } /* BODY */ /* CONTAINER */ /* OUTER CONTAINER */ /* TYPOGRAPHY */ /* FONT FAMILY */ /* FONT WEIGHT */ /* FONT SIZE */ /* LINE HEIGHT */ /* LETTER SPACING */ /* COLOR PALETTES PRIMARY, SECONDARY, TERTIARY */ /* PARAGRAPHS */ /* SECTIONS + header/subheaders */ /* SUB-SECTIONS */ /* CTA */ /* COLORS */ /* BORDER */ /* BOX-SHADOW */ /* CAROUSEL */ /* CONTAINER */ /* FAQ-QA */ /* COMP CHART 2 */ /* COMP-CHART-2-SIMPLE-HEADER */ /* DISCLOSURE */ /* FORM Vars */ /* PRICING-CARD LAYOUT */ /*helper vars for Harmony font*/ /*group headers*/ /*@pricing-card-layout-header-t-background-color: currentColor;*/ /* product title */ /*@pricing-card-layout-productcomponent-title-t-background-color: currentColor;*/ /* price ct */ /* price aw */ /* price per-month */ /* product offer (red) */ /* product offer2 */ /* feature-list */ /* PRODUCT COMPONENT */ /* PRICING CARD */ /* PRICING TABLE */ /* HERO */ /* VIDEO */ /* FOOTER */ /* RESPONSIVE TABS - added here because it's backwards compatible with non-responsive */ /* TESTIMONIAL */ /* FONT FAMILY */ /* FONT WEIGHT */ /* FONT SIZE */ /* LINE HEIGHT */ /* PARAGRAPHS */ /* CONTAINER */ /* SECTIONS header/subheaders */ /* SUB-SECTIONS */ /* CTA */ /* COLORS */ /* CAROUSEL */ /* FAQ-QA */ /* COMP CHART 2 */ /* COMP-CHART-2-SIMPLE-HEADER */ /* DISCLOSURE */ /* PRICING-CARD LAYOUT */ /* group headers */ /*@pricing-card-layout-header-t-background-color: #d4d7dc;*/ /*@pricing-card-layout-productcomponent-title-t-background-color: @bg-dark-green;*/ /* product title */ /* price ct */ /* price aw */ /* price per-month */ /* product offer (red) */ /* product offer2 */ /* feature-list */ /* PRODUCT COMPONENT */ /* PRICING CARD */ /* ONPAGENAV - base defined in resp_vars.less*/ /* TESTIMONIAL */ /* features grid */ .mt-features-single-row { padding-bottom: 0; } .mt-features-single-row p .link { font-size: 15px; font-weight: 400; line-height: 20px; display: block; padding-top: 20px; white-space: nowrap; } .mt-features-single-row-text-only { padding-bottom: 0; } .mt-features-single-row-text-only p .link { font-size: 15px; font-weight: 400; line-height: 20px; display: block; padding-top: 20px; white-space: nowrap; } .mt-features-first-row { padding-bottom: 0; } .mt-features-first-row p .link { font-size: 15px; font-weight: 400; line-height: 20px; display: block; padding-top: 20px; white-space: nowrap; } .mt-features-last-row { padding-bottom: 0; } .mt-features-last-row p .link { font-size: 15px; font-weight: 400; line-height: 20px; display: block; padding-top: 20px; white-space: nowrap; } .mt-features-single-row-text-only p .link { font-size: 15px; font-weight: 400; line-height: 20px; display: block; padding-top: 20px; white-space: nowrap; padding-top: 0; } .mt-features-col-header { display: block; padding-top: 20px; } .mt-features-single-row-text-only .mt-features-col-header { padding-top: 0; } @media only screen and (max-width: 1024px) { .resp_grid .col-sm-6:first-child .mt-features-single-row-text-only { padding-bottom: 34px; } .resp_grid .col-sm-6:nth-child(2) .mt-features-single-row-text-only { padding-bottom: 34px; } } @media only screen and (max-width: 767px) { .mt-features-single-row { padding-bottom: 40px; } .resp_grid > .col-xs-12:last-child .mt-features-single-row { padding-bottom: 0; } .resp_grid .col-xs-12:first-child .mt-features-single-row-text-only { padding-bottom: 20px; } .resp_grid .col-xs-12:nth-child(2) .mt-features-single-row-text-only { padding-bottom: 20px; } .resp_grid .mt-features-single-row-text-only { padding-bottom: 20px; } .resp_grid .col-xs-12:last-child .mt-features-single-row-text-only { padding-bottom: 0; } .mt-features-first-row { padding-bottom: 40px; } .resp_grid > .col-xs-12:last-child .mt-features-first-row { padding-bottom: 0; } .mt-features-last-row { padding-bottom: 40px; } .resp_grid > .col-xs-12:last-child .mt-features-last-row { padding-bottom: 0; } } /* BODY */ /* CONTAINER */ /* OUTER CONTAINER */ /* TYPOGRAPHY */ /* FONT FAMILY */ /* FONT WEIGHT */ /* FONT SIZE */ /* LINE HEIGHT */ /* LETTER SPACING */ /* COLOR PALETTES PRIMARY, SECONDARY, TERTIARY */ /* PARAGRAPHS */ /* SECTIONS + header/subheaders */ /* SUB-SECTIONS */ /* CTA */ /* COLORS */ /* BORDER */ /* BOX-SHADOW */ /* CAROUSEL */ /* CONTAINER */ /* FAQ-QA */ /* COMP CHART 2 */ /* COMP-CHART-2-SIMPLE-HEADER */ /* DISCLOSURE */ /* FORM Vars */ /* PRICING-CARD LAYOUT */ /*helper vars for Harmony font*/ /*group headers*/ /*@pricing-card-layout-header-t-background-color: currentColor;*/ /* product title */ /*@pricing-card-layout-productcomponent-title-t-background-color: currentColor;*/ /* price ct */ /* price aw */ /* price per-month */ /* product offer (red) */ /* product offer2 */ /* feature-list */ /* PRODUCT COMPONENT */ /* PRICING CARD */ /* PRICING TABLE */ /* HERO */ /* VIDEO */ /* FOOTER */ /* RESPONSIVE TABS - added here because it's backwards compatible with non-responsive */ /* TESTIMONIAL */ /* Mixin for generating global sprite SVG and its fallback PNG. Ideally this has to be a LESS VAR, but due to how CQ interprets LESS VAR PATHS, its hardcoded this way */ .fcolor-prim { color: #f77b00; } .fcolor-sec { color: #3f6dc9; } /* FONT FAMILY */ /* FONT WEIGHT */ /* FONT SIZE */ /* LINE HEIGHT */ /* PARAGRAPHS */ /* CONTAINER */ /* SECTIONS header/subheaders */ /* SUB-SECTIONS */ /* CTA */ /* COLORS */ /* CAROUSEL */ /* FAQ-QA */ /* COMP CHART 2 */ /* COMP-CHART-2-SIMPLE-HEADER */ /* DISCLOSURE */ /* PRICING-CARD LAYOUT */ /* group headers */ /*@pricing-card-layout-header-t-background-color: #d4d7dc;*/ /*@pricing-card-layout-productcomponent-title-t-background-color: @bg-dark-green;*/ /* product title */ /* price ct */ /* price aw */ /* price per-month */ /* product offer (red) */ /* product offer2 */ /* feature-list */ /* PRODUCT COMPONENT */ /* PRICING CARD */ /* ONPAGENAV - base defined in resp_vars.less*/ /* TESTIMONIAL */ /* faqs */ .cfaq-section { padding: 0; text-align: left; } .cfaq-section div p { font-size: 19px; } .cfaq-section a { font-size: 15px; line-height: 20px; color: #0077c5; cursor: pointer; } .cfaq-section a:hover { text-decoration: underline; color: #055393; } .cfaq-section a.show1:after { content: ""; padding-right: 6px; } .cfaq-section a.hide1:before { content: ""; padding-left: 6px; } .cfaq-section .double-hr { border-bottom-style: solid; border-bottom-width: 2px; margin-top: 20px; color: #d4d7dc; } .cfaq-qa-t-bottom { border-bottom: 1px solid #d4d7dc; } .cfaq-qa-d-bottom ~ div.ctext .link:hover { text-decoration: underline; color: #055393; } .llp-faq-section { padding: 16px 0 16px 0; border-bottom: 1px solid #d4d7dc; } .llp-faq-section .llp-faq-head { padding: 0; text-align: left; } .llp-faq-section .llp-faq-head .llp-faq-open-arrow { top: 2px !important; margin-left: -5px; margin-right: 5px; width: 16px; } .llp-faq-section .llp-faq-head .llp-faq-close-arrow { top: 0px; margin-left: -5px; margin-right: 5px; width: 16px; } .llp-faq-section .llp-faq-head .ctext p { font-size: 15px; line-height: 20px; color: #0077c5; } .llp-faq-section .llp-faq-head .ctext p:hover { text-decoration: underline; color: #055393; } .llp-faq-section .llp-faq-content { margin-top: 4px; margin-left: 20px; padding: 0; text-align: left; } .llp-faq-section .llp-faq-content .ctext p { font-size: 15px; line-height: 20px; } .cfaq-qa + div.ctext .section-footer { font-size: 19px; line-height: 24px; padding: 40px 0 0 0; display: block; text-align: center; } @media only screen and (max-width: 768px) { .cfaq-section { display: none; } .cfaq-qa .llp-faq-section { border-top: 1px solid #d4d7dc; border-bottom: none; } .cfaq-qa + div.ctext .section-footer { font-size: 15px; line-height: 20px; } .cfaq-qa-d-bottom { border-bottom: 1px solid #d4d7dc; } } @media only screen and (max-width: 480px) { .cfaq-qa + div.ctext .section-footer { text-align: left; } } .ss-faqs-3x1 { padding-bottom: 20px; } .ss-faqs-3x1 [class*='col-'] .ctext { padding: 20px 0 0 !important; } .ss-faqs-3x1 [class*='col-'] .ctext:nth-child(1) > p { font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 600; font-size: 15px; line-height: 20px; color: #393a3d ; } @media (min-width: 768px) and (max-width: 991px) { .ss-faqs-3x1 [class*='col-'] .ctext:nth-child(1) > p { font-size: 15px; line-height: 20px; } } .ss-faqs-3x1 [class*='col-'] .ctext:nth-child(2) > p { font-size: 15px; line-height: 20px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; color: #393a3d; } .ss-faqs-3x1 .text_footer { font-size: 19px; line-height: 24px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; color: #393a3d; padding-top: 40px; } @media (min-width: 768px) and (max-width: 991px) { .ss-faqs-3x1 .text_footer { font-size: 15px; line-height: 20px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; } } @media only screen and (max-width: 767px) { .ss-faqs-3x1 [class*='col-']:first-child { margin: 0 !important; } .ss-faqs-3x1 [class*='col-']:last-child { margin: 0 !important; padding: 0; } .ss-faqs-3x1 [class*='col-']:last-child .ctext:last-child { padding-bottom: 0 !important; } .ss-faqs-3x1 [class*='col-'] { padding: 0 0 20px; } .ss-faqs-3x1 [class*='col-'] > .ctext { padding: 0 20% 10px !important; } .ss-faqs-3x1 .breakline { display: block; } .ss-faqs-3x1 div.ctext:nth-child(2) { padding-top: 20px; } } @media only screen and (max-width: 480px) { .ss-faqs-3x1 [class*='col-'] > .ctext { padding: 0 0 10px !important; } } .cq-wcm-edit .ss-faqs-3x1 [class*='col-'] > div:nth-of-type(2) > .ctext > p { font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 600; font-size: 15px; line-height: 20px; color: #393a3d ; } @media (min-width: 768px) and (max-width: 991px) { .cq-wcm-edit .ss-faqs-3x1 [class*='col-'] > div:nth-of-type(2) > .ctext > p { font-size: 15px; line-height: 20px; } } .cq-wcm-edit .ss-faqs-3x1 [class*='col-'] > div:nth-of-type(4) .ctext > p { font-size: 15px; line-height: 20px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; color: #393a3d; font-weight: normal; } .cq-wcm-edit .ss-faqs-3x1 .text_footer { padding-bottom: 40px; } .cdisclosure { padding-top: 0; padding-bottom: 0; background-color: transparent; } .cdisclosure a.toggle-disclosure { display: -webkit-flex; /* Safari */ display: flex; -webkit-flex-direction: column; /* Safari 7.0+ */ flex-direction: column; -webkit-justify-content: center; /* Safari 7.0+ */ justify-content: center; height: 60px; line-height: 16px !important; padding: 0; text-align: center; } .cdisclosure .cdisclosure-content { font-size: 12px !important; line-height: 16px !important; padding-bottom: 40px; } .cdisclosure .cdisclosure-text > p { font-size: 12px !important; line-height: 16px !important; padding-top: 20px; } .cdisclosure .cdisclosure-text > p:first-child { padding-top: 0; } .cdisclosure .cdisclosure-text ol { margin: 20px 0 0 20px !important; } .cdisclosure .cdisclosure-text > ol:first-child { margin-top: 0 !important; } /* BODY */ /* CONTAINER */ /* OUTER CONTAINER */ /* TYPOGRAPHY */ /* FONT FAMILY */ /* FONT WEIGHT */ /* FONT SIZE */ /* LINE HEIGHT */ /* LETTER SPACING */ /* COLOR PALETTES PRIMARY, SECONDARY, TERTIARY */ /* PARAGRAPHS */ /* SECTIONS + header/subheaders */ /* SUB-SECTIONS */ /* CTA */ /* COLORS */ /* BORDER */ /* BOX-SHADOW */ /* CAROUSEL */ /* CONTAINER */ /* FAQ-QA */ /* COMP CHART 2 */ /* COMP-CHART-2-SIMPLE-HEADER */ /* DISCLOSURE */ /* FORM Vars */ /* PRICING-CARD LAYOUT */ /*helper vars for Harmony font*/ /*group headers*/ /*@pricing-card-layout-header-t-background-color: currentColor;*/ /* product title */ /*@pricing-card-layout-productcomponent-title-t-background-color: currentColor;*/ /* price ct */ /* price aw */ /* price per-month */ /* product offer (red) */ /* product offer2 */ /* feature-list */ /* PRODUCT COMPONENT */ /* PRICING CARD */ /* PRICING TABLE */ /* HERO */ /* VIDEO */ /* FOOTER */ /* RESPONSIVE TABS - added here because it's backwards compatible with non-responsive */ /* TESTIMONIAL */ /* Mixin for generating global sprite SVG and its fallback PNG. Ideally this has to be a LESS VAR, but due to how CQ interprets LESS VAR PATHS, its hardcoded this way */ .fcolor-prim { color: #f77b00; } .fcolor-sec { color: #3f6dc9; } /* FONT FAMILY */ /* FONT WEIGHT */ /* FONT SIZE */ /* LINE HEIGHT */ /* PARAGRAPHS */ /* CONTAINER */ /* SECTIONS header/subheaders */ /* SUB-SECTIONS */ /* CTA */ /* COLORS */ /* CAROUSEL */ /* FAQ-QA */ /* COMP CHART 2 */ /* COMP-CHART-2-SIMPLE-HEADER */ /* DISCLOSURE */ /* PRICING-CARD LAYOUT */ /* group headers */ /*@pricing-card-layout-header-t-background-color: #d4d7dc;*/ /*@pricing-card-layout-productcomponent-title-t-background-color: @bg-dark-green;*/ /* product title */ /* price ct */ /* price aw */ /* price per-month */ /* product offer (red) */ /* product offer2 */ /* feature-list */ /* PRODUCT COMPONENT */ /* PRICING CARD */ /* ONPAGENAV - base defined in resp_vars.less*/ /* TESTIMONIAL */ .creview .rating-stars { width: 116px; height: 24px; background-position: -500px -827px; } .creview .rating-stars .rating { width: 100px; height: 20px; background-position: -500px -801px; } .creview .rating-stars .rating-1 { width: 22px; } .creview .rating-stars .rating-2 { width: 46px; } .creview .rating-stars .rating-3 { width: 70px; } .creview .rating-stars .rating-4 { width: 94px; } .creview .rating-stars .rating-5 { width: 118px; } .ccarousel { background-color: transparent; margin: 0; padding: 20px 0; } .ccarousel .container { margin-left: -12px; } .ccarousel .span12.col-xs-12 { padding: 0; } .ccarousel header { margin-bottom: 0; padding: 60px 56px 0 76px; } .ccarousel .carousel-wrap { margin: 0 8px 0 12px; padding: 0 0 60px 0; } .ccarousel .creview { padding: 0; } .ccarousel .creview .p2 { line-height: 20px; } .ccarousel .carousel-slides .creview .ctext { padding-top: 40px; padding-left: 76px; padding-right: 74px; } .ccarousel .carousel-slides .resp .row { margin: 0; } .ccarousel .carousel-slides .resp .row .col-md-9 h2, .ccarousel .carousel-slides .resp .row .col-sm-9 h2, .ccarousel .carousel-slides .resp .row .col-xs-12 h2 { margin-bottom: 8px; } .ccarousel .carousel-slides .resp .row .col-md-9 h2.p1, .ccarousel .carousel-slides .resp .row .col-sm-9 h2.p1, .ccarousel .carousel-slides .resp .row .col-xs-12 h2.p1 { font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-size: 24px; line-height: 28px; font-weight: 400; padding: 0; text-align: left; } .ccarousel .carousel-slides .resp .row .col-md-9 span.divider:before, .ccarousel .carousel-slides .resp .row .col-sm-9 span.divider:before, .ccarousel .carousel-slides .resp .row .col-xs-12 span.divider:before { content: ""; padding-left: 4px; } .ccarousel .carousel-slides .resp .row .col-md-9 span.divider:after, .ccarousel .carousel-slides .resp .row .col-sm-9 span.divider:after, .ccarousel .carousel-slides .resp .row .col-xs-12 span.divider:after { content: ""; padding-right: 4px; } .ccarousel .carousel-slides .resp .row p.p3 { color: #393a3d; display: inline-block; } .ccarousel .carousel-slides .resp .row time.p3 { color: #393a3d; } .ccarousel .carousel-slides .resp .row p.p4 { color: #393a3d; font-size: 12px; line-height: 16px; } .ccarousel .carousel-slides .resp .row p.p4 a { float: right; padding-right: 1px; } .ccarousel .carousel-slides .resp .row p.p4 a:hover { text-decoration: underline; color: #055393; } .ccarousel .carousel-slides .resp .row .review-container { margin-right: 8px; } .ccarousel .carousel-slides .resp .row .review-container .rating-stars { margin-top: 2px; margin-bottom: 16px; float: right; height: 21px; } .bg-white .ccarousel .carousel-wrap { border: solid 1px #D4D7DC; } .ccarousel > div > .row:first-child { display: none; } @media only screen and (min-width: 769px) and (max-width: 1023px) { .ccarousel .carousel-slides .resp header, .ccarousel .carousel-slides .resp .ctext { padding-left: 8.40425532%; } } @media only screen and (max-width: 768px) { .ccarousel .container { margin-left: -6px; } .ccarousel .carousel-slides .resp { padding-top: 0; } .ccarousel .carousel-slides .resp header { margin-bottom: 0; padding: 40px 32px 0 8.40425532%; } .ccarousel .carousel-slides .resp header .review-container { float: none !important; } .ccarousel .carousel-slides .resp .row .col-md-4:last-child, .ccarousel .carousel-slides .resp .row .col-sm-6:last-child, .ccarousel .carousel-slides .resp .row .col-xs-12:last-child { padding-top: 0px; } .ccarousel .carousel-slides .resp .row .col-md-9 h2.p1, .ccarousel .carousel-slides .resp .row .col-sm-9 h2.p1, .ccarousel .carousel-slides .resp .row .col-xs-12 h2.p1 { padding-bottom: 0px; margin-bottom: 8px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-size: 19px; line-height: 24px; } .ccarousel .carousel-slides .resp .row .col-md-9 p.p3, .ccarousel .carousel-slides .resp .row .col-sm-9 p.p3, .ccarousel .carousel-slides .resp .row .col-xs-12 p.p3 { display: inline; } .ccarousel .carousel-slides .resp .row .col-md-9 .divider, .ccarousel .carousel-slides .resp .row .col-sm-9 .divider, .ccarousel .carousel-slides .resp .row .col-xs-12 .divider { display: inline; } .ccarousel .carousel-slides .resp .row .col-md-9 time.p3:before, .ccarousel .carousel-slides .resp .row .col-sm-9 time.p3:before, .ccarousel .carousel-slides .resp .row .col-xs-12 time.p3:before { content: ""; } .ccarousel .carousel-slides .resp .row .col-md-9 p.p4, .ccarousel .carousel-slides .resp .row .col-sm-9 p.p4, .ccarousel .carousel-slides .resp .row .col-xs-12 p.p4 { font-size: 12px; line-height: 16px; } .ccarousel .carousel-slides .resp .row .review-container .rating-stars { margin-top: 0px; margin-bottom: 13px; } .ccarousel .carousel-slides .resp .ctext { padding-top: 20px; padding-left: 8.40425532%; padding-right: 50px; } .ccarousel .carousel-wrap { margin: 0 14px 0 6px; padding: 0 0 40px 0; } } @media only screen and (min-width: 319px) and (max-width: 767px) { .ccarousel .container { margin-left: 0px; } .ccarousel .carousel-slides .resp header, .ccarousel .carousel-slides .resp .ctext { padding-left: 8.40425532%; } .ccarousel .carousel-slides .resp .ctext { padding-right: 8.40425532%; } .ccarousel .carousel-slides .resp .row p.p4 a { float: none; } .ccarousel .carousel-slides .resp .row .review-container .rating-stars { margin-top: 12px; margin-bottom: 15px; float: none; } .ccarousel .carousel-wrap { margin: 0; } } .carousel-controls .carousel-controls-wrap { background-color: transparent; padding-bottom: 0; } .carousel-controls .carousel-pagination li { background-color: #d4d7dc; } .carousel-controls .carousel-pagination li:hover, .carousel-controls .carousel-pagination .carousel-pagination-active { background-color: #2ca01c; } /* BODY */ /* CONTAINER */ /* OUTER CONTAINER */ /* TYPOGRAPHY */ /* FONT FAMILY */ /* FONT WEIGHT */ /* FONT SIZE */ /* LINE HEIGHT */ /* LETTER SPACING */ /* COLOR PALETTES PRIMARY, SECONDARY, TERTIARY */ /* PARAGRAPHS */ /* SECTIONS + header/subheaders */ /* SUB-SECTIONS */ /* CTA */ /* COLORS */ /* BORDER */ /* BOX-SHADOW */ /* CAROUSEL */ /* CONTAINER */ /* FAQ-QA */ /* COMP CHART 2 */ /* COMP-CHART-2-SIMPLE-HEADER */ /* DISCLOSURE */ /* FORM Vars */ /* PRICING-CARD LAYOUT */ /*helper vars for Harmony font*/ /*group headers*/ /*@pricing-card-layout-header-t-background-color: currentColor;*/ /* product title */ /*@pricing-card-layout-productcomponent-title-t-background-color: currentColor;*/ /* price ct */ /* price aw */ /* price per-month */ /* product offer (red) */ /* product offer2 */ /* feature-list */ /* PRODUCT COMPONENT */ /* PRICING CARD */ /* PRICING TABLE */ /* HERO */ /* VIDEO */ /* FOOTER */ /* RESPONSIVE TABS - added here because it's backwards compatible with non-responsive */ /* TESTIMONIAL */ /* Mixin for generating global sprite SVG and its fallback PNG. Ideally this has to be a LESS VAR, but due to how CQ interprets LESS VAR PATHS, its hardcoded this way */ .fcolor-prim { color: #f77b00; } .fcolor-sec { color: #3f6dc9; } /* FONT FAMILY */ /* FONT WEIGHT */ /* FONT SIZE */ /* LINE HEIGHT */ /* PARAGRAPHS */ /* CONTAINER */ /* SECTIONS header/subheaders */ /* SUB-SECTIONS */ /* CTA */ /* COLORS */ /* CAROUSEL */ /* FAQ-QA */ /* COMP CHART 2 */ /* COMP-CHART-2-SIMPLE-HEADER */ /* DISCLOSURE */ /* PRICING-CARD LAYOUT */ /* group headers */ /*@pricing-card-layout-header-t-background-color: #d4d7dc;*/ /*@pricing-card-layout-productcomponent-title-t-background-color: @bg-dark-green;*/ /* product title */ /* price ct */ /* price aw */ /* price per-month */ /* product offer (red) */ /* product offer2 */ /* feature-list */ /* PRODUCT COMPONENT */ /* PRICING CARD */ /* ONPAGENAV - base defined in resp_vars.less*/ /* TESTIMONIAL */ .ccontainer > .comparison-chart { padding: 0 0 20px 0; } .comparison-chart table tr:first-child { background-color: transparent; border-top: none; } .comparison-chart table tr:first-child th { border: none !important; } .comparison-chart { border-bottom: none; } .comparison-chart table { table-layout: fixed; width: 100%; } .comparison-chart table tr { background-color: transparent!important; } .comparison-chart table tr td { border-right: none; font-size: 15px; line-height: 20px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; color: #393a3d; height: 50px; padding: 0; vertical-align: middle; } .comparison-chart table tr td:first-child { padding: 0; } .comparison-chart table tr td.iconcell span, .comparison-chart table tr td span.checkmark { display: inline-block; margin-right: 7px!important; position: relative; vertical-align: middle; top: -2px; } .comparison-chart table tr td.iconcell span.arrow-e, .comparison-chart table tr td.iconcell span.arrow-s { background-image: url('https://quickbooks.intuit.com/etc/designs/harmony/images/global-sprite-fallback.png'); background-image: url('https://quickbooks.intuit.com/etc/designs/harmony/images/global-sprite.svg'); background-position: -80px -446px; border: none!important; font-size: initial!important; line-height: normal!important; height: 15px; width: 11px; left: 0!important; } .comparison-chart table tr td.iconcell span.arrow-e.arrow-s { background-position: -80px -394px; margin-top: 0!important; position: relative; top: 1px!important; } .comparison-chart .comp-chart-simple-header > *:first-child { margin-right: 10px; margin-left: 10px; } .comparison-chart .comp-chart-simple-header:first-child *:first-child { margin-left: 0; } .comparison-chart .comp-chart-simple-header:last-child *:first-child { margin-right: 0; } .comparison-chart .comp-chart-simple-header-content-wrapper { display: block; padding: 18px 0; height: auto; } .comparison-chart .comp-chart-simple-header-content-wrapper p { white-space: nowrap; } .comparison-chart .comp-chart-text-header { display: none; } .comparison-chart .comp-chart-table-header .ccontainer { display: table; width: 100%; table-layout: fixed; } .comparison-chart .comp-chart-table-header .comp-chart-simple-header { display: table-cell; } .comparison-chart .comp-chart-table-header > section:first-child:before { content: ''; display: table-cell; } .comparison-chart .comp-chart-table-header .grey-bg { background-color: #393a3d; } .comparison-chart .comp-chart-showNode { padding-left: 20px!important; } @media (max-width: 768px) { .comparison-chart { display: none; } } .ccontainer.green_dot_col_1 > .comparison-chart > table tr td.iconcell:nth-child(2) span.checkmark { background-color: #2ca01c; } .ccontainer.green_dot_col_2 > .comparison-chart > table tr td.iconcell:nth-child(3) span.checkmark { background-color: #2ca01c; } .ccontainer.green_dot_col_3 > .comparison-chart > table tr td.iconcell:nth-child(4) span.checkmark { background-color: #2ca01c; } .ccontainer.green_dot_col_4 > .comparison-chart > table tr td.iconcell:nth-child(5) span.checkmark { background-color: #2ca01c; } .comparison-chart [data-showmoreparentnode="true"] > td:first-child span { display: inline-block; margin-right: 7px !important; } .comparison-chart [data-showmoreparentnode="true"] > td:first-child span.arrow-e, .comparison-chart [data-showmoreparentnode="true"] > td:first-child span.arrow-s { background-image: url('https://quickbooks.intuit.com/etc/designs/harmony/images/global-sprite-fallback.png'); background-image: url('https://quickbooks.intuit.com/etc/designs/harmony/images/global-sprite.svg'); background-position: -80px -446px; border: none !important; font-size: initial !important; line-height: normal !important; height: 15px; width: 11px; left: 0 !important; } .comparison-chart [data-showmoreparentnode="true"] > td:first-child span.arrow-e.arrow-s { background-position: -80px -394px; margin-top: 0 !important; position: relative; top: 1px !important; } .ss_ccmph_4, .ss_ccmph_4_sale, .ss_ccmph_3, .ss_ccmph_2 { /*override the background color for 'price-container-title' by addding classes 'ccmp_header1_gray', 'ccmp_header1_gray;... to the container which holds the comp-chart */ } .ss_ccmph_4.ccmp_header1_gray .comparison-chart .comp-chart-header-container .comp-chart-table-header .eCommerce-product-div:first-child .price-container-title, .ss_ccmph_4_sale.ccmp_header1_gray .comparison-chart .comp-chart-header-container .comp-chart-table-header .eCommerce-product-div:first-child .price-container-title, .ss_ccmph_3.ccmp_header1_gray .comparison-chart .comp-chart-header-container .comp-chart-table-header .eCommerce-product-div:first-child .price-container-title, .ss_ccmph_2.ccmp_header1_gray .comparison-chart .comp-chart-header-container .comp-chart-table-header .eCommerce-product-div:first-child .price-container-title { background-color: #393a3d; } .ss_ccmph_4.ccmp_header2_gray .comparison-chart .comp-chart-header-container .comp-chart-table-header .eCommerce-product-div:nth-child(2) .price-container-title, .ss_ccmph_4_sale.ccmp_header2_gray .comparison-chart .comp-chart-header-container .comp-chart-table-header .eCommerce-product-div:nth-child(2) .price-container-title, .ss_ccmph_3.ccmp_header2_gray .comparison-chart .comp-chart-header-container .comp-chart-table-header .eCommerce-product-div:nth-child(2) .price-container-title, .ss_ccmph_2.ccmp_header2_gray .comparison-chart .comp-chart-header-container .comp-chart-table-header .eCommerce-product-div:nth-child(2) .price-container-title { background-color: #393a3d; } .ss_ccmph_4.ccmp_header3_gray .comparison-chart .comp-chart-header-container .comp-chart-table-header .eCommerce-product-div:nth-child(3) .price-container-title, .ss_ccmph_4_sale.ccmp_header3_gray .comparison-chart .comp-chart-header-container .comp-chart-table-header .eCommerce-product-div:nth-child(3) .price-container-title, .ss_ccmph_3.ccmp_header3_gray .comparison-chart .comp-chart-header-container .comp-chart-table-header .eCommerce-product-div:nth-child(3) .price-container-title, .ss_ccmph_2.ccmp_header3_gray .comparison-chart .comp-chart-header-container .comp-chart-table-header .eCommerce-product-div:nth-child(3) .price-container-title { background-color: #393a3d; } .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-sticky-header, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-sticky-header, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-sticky-header, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-sticky-header { margin-top: 80px; padding-top: 16px; } .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container { margin-bottom: 1px; } .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-text-header, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-text-header, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-text-header, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-text-header { display: inline-block; width: 100%; position: absolute; } .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-text-header p, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-text-header p, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-text-header p, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-text-header p, .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-text-header .ctext, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-text-header .ctext, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-text-header .ctext, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-text-header .ctext { font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif; font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif !important; font-weight: 500; font-size: 44px; line-height: 48px; color: #393a3d ; display: inline-block; margin-right: 450px; } @media (min-width: 768px) and (max-width: 991px) { .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-text-header p, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-text-header p, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-text-header p, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-text-header p, .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-text-header .ctext, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-text-header .ctext, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-text-header .ctext, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-text-header .ctext { font-size: 32px; line-height: 36px; } } @media (max-width: 932px) { .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-text-header p, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-text-header p, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-text-header p, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-text-header p, .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-text-header .ctext, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-text-header .ctext, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-text-header .ctext, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-text-header .ctext { font-size: 32px; line-height: 36px; } } .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header { width: 100%; } .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header > section:first-child:before, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header > section:first-child:before, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header > section:first-child:before, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header > section:first-child:before { display: none; } .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-1, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-1, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-1, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-1, .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-2, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-2, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-2, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-2, .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-3, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-3, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-3, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-3, .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-4, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-4, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-4, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-4 { font-size: 12px; line-height: 16px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; font-weight: bold; background: transparent url("https://quickbooks.intuit.com/etc/designs/harmony/images/pricing_accent.gif") repeat-x 0 0; display: block; position: absolute; height: 28px; max-width: 134px; top: 40px; } .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-1 .ctext, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-1 .ctext, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-1 .ctext, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-1 .ctext, .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-2 .ctext, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-2 .ctext, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-2 .ctext, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-2 .ctext, .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-3 .ctext, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-3 .ctext, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-3 .ctext, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-3 .ctext, .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-4 .ctext, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-4 .ctext, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-4 .ctext, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-4 .ctext { margin-top: 0; text-align: center; } .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-1 .ctext p, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-1 .ctext p, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-1 .ctext p, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-1 .ctext p, .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-2 .ctext p, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-2 .ctext p, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-2 .ctext p, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-2 .ctext p, .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-3 .ctext p, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-3 .ctext p, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-3 .ctext p, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-3 .ctext p, .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-4 .ctext p, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-4 .ctext p, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-4 .ctext p, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-4 .ctext p { color: #fff; line-height: 28px; padding: 0; text-transform: uppercase; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } div[id^="cq-gen"] .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-1, div[id^="cq-gen"] .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-1, div[id^="cq-gen"] .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-1, div[id^="cq-gen"] .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-1, div[id^="cq-gen"] .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-2, div[id^="cq-gen"] .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-2, div[id^="cq-gen"] .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-2, div[id^="cq-gen"] .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-2, div[id^="cq-gen"] .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-3, div[id^="cq-gen"] .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-3, div[id^="cq-gen"] .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-3, div[id^="cq-gen"] .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-3, div[id^="cq-gen"] .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-4, div[id^="cq-gen"] .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-4, div[id^="cq-gen"] .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-4, div[id^="cq-gen"] .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-4 { position: relative; top: 0; } .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-1, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-1, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-1, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-1 { left: 401px; } .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-2, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-2, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-2, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-2 { left: 536px; } .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-3, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-3, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-3, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-3 { left: 671px; } .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-4, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-4, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-4, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-table-header-burst-4 { right: 0; } .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-mini-pricing-header-text h4, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-mini-pricing-header-text h4, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-mini-pricing-header-text h4, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-mini-pricing-header-text h4 { font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 600; font-size: 15px; line-height: 20px; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-mini-pricing-header-content, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-mini-pricing-header-content, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-mini-pricing-header-content, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-mini-pricing-header-content { padding-top: 16px; padding-bottom: 16px; } .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-mini-pricing-header-content .ctext, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-mini-pricing-header-content .ctext, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-mini-pricing-header-content .ctext, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-mini-pricing-header-content .ctext { font-size: 12px; line-height: 16px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; } .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-mini-pricing-header-content .ctext .x-price-currency-quantifier, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-mini-pricing-header-content .ctext .x-price-currency-quantifier, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-mini-pricing-header-content .ctext .x-price-currency-quantifier, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-mini-pricing-header-content .ctext .x-price-currency-quantifier { font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif; font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif !important; font-weight: normal; font-size: 19px; line-height: 17px; margin-top: 5px; } .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-mini-pricing-header-content .ctext .x-price-amount-whole, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-mini-pricing-header-content .ctext .x-price-amount-whole, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-mini-pricing-header-content .ctext .x-price-amount-whole, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-mini-pricing-header-content .ctext .x-price-amount-whole { font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif; font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif !important; font-weight: 500; font-size: 28px; line-height: 32px; } .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-mini-pricing-header-content .ctext .x-price-amount-cents, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-mini-pricing-header-content .ctext .x-price-amount-cents, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-mini-pricing-header-content .ctext .x-price-amount-cents, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-table-header .ccontainer .comp-chart-mini-pricing-header-content .ctext .x-price-amount-cents { font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif; font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif !important; font-weight: normal; font-size: 17px; line-height: 17px; margin-top: 5px; } .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div { display: inline-block; border-right: solid 1px #fff; background-color: #f5f5f5; min-width: 134px; } .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .exclude-discount, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .exclude-discount, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .exclude-discount, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .exclude-discount { padding-bottom: 20px; } .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container-title, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container-title, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container-title, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container-title { font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 600; font-size: 15px; line-height: 20px; padding: 10px 12px; margin-bottom: 0; background-color: #2ca01c; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container { margin-top: 30px; min-height: 41px; white-space: nowrap; } .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .price, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .price, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .price, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .price { float: none; margin-left: 0; display: inline-block; } .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .price .line-through, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .price .line-through, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .price .line-through, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .price .line-through { top: 18px; width: 43px; } .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .price .aw, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .price .aw, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .price .aw, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .price .aw { font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif; font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif !important; font-weight: 500; font-size: 28px; line-height: 32px; } .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .bper.black-price-month, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .bper.black-price-month, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .bper.black-price-month, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .bper.black-price-month { top: 0; left: 4px; } .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .red-price-text, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .red-price-text, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .red-price-text, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .red-price-text { margin-left: 0; display: block; } .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .ct, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .ct, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .ct, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .ct, .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .ac, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .ac, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .ac, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .ac { top: -6px; font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif; font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif !important; font-weight: normal; font-size: 19px; line-height: 17px; } .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .red-price-text .ct, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .red-price-text .ct, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .red-price-text .ct, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .red-price-text .ct { top: -4px; } .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .per, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .per, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .per, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .per { font-size: 15px; line-height: 20px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; color: #393a3d; color: #d52b1e; top: 5px; } .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container .offer-text, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container .offer-text, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container .offer-text, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container .offer-text { font-size: 12px; line-height: 16px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; color: #393a3d; white-space: normal; margin-top: 5px; max-width: 134px; padding: 0 10px; } .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container p.payroll_text, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container p.payroll_text, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container p.payroll_text, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container p.payroll_text { font-size: 12px; line-height: 16px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; color: #393a3d; } .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container section.ccontainer.ccomp-table-header section.comp-chart-mini-pricing-header:last-of-type .comp-chart-mini-pricing-header-content, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container section.ccontainer.ccomp-table-header section.comp-chart-mini-pricing-header:last-of-type .comp-chart-mini-pricing-header-content, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container section.ccontainer.ccomp-table-header section.comp-chart-mini-pricing-header:last-of-type .comp-chart-mini-pricing-header-content, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container section.ccontainer.ccomp-table-header section.comp-chart-mini-pricing-header:last-of-type .comp-chart-mini-pricing-header-content { border-right-width: 0; } .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container section.ccontainer.ccomp-table-header div.eCommerce-product-div:last-of-type, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container section.ccontainer.ccomp-table-header div.eCommerce-product-div:last-of-type, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container section.ccontainer.ccomp-table-header div.eCommerce-product-div:last-of-type, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container section.ccontainer.ccomp-table-header div.eCommerce-product-div:last-of-type { border-right-width: 0; } .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .blue-button, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .blue-button, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .blue-button, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .blue-button { margin-top: 16px; margin-bottom: 16px; } .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off table tr td, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off table tr td, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off table tr td, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off table tr td { vertical-align: middle; padding: 14px 0; } .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off ~ .ctext p .section-footer, .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off ~ .ctext p .section-footer, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off ~ .ctext p .section-footer, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off ~ .ctext p .section-footer { padding-top: 20px; /*bottom-padding of 20 is already added with the container holding the compchart and */ padding-bottom: 0; } .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .price, .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .price, .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .price, .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div .image-price-container .price-container .pricing-section .price { display: block; float: none; margin-left: 0; } .ss_ccmph_4 table tr td, .ss_ccmph_4_sale table tr td { width: 74px; } .ss_ccmph_4 table tr td:first-child, .ss_ccmph_4_sale table tr td:first-child { width: 219px; } .ss_ccmph_3 table tr td { width: 100px; } .ss_ccmph_3 table tr td:first-child { width: 424px; } .ss_ccmph_2 .pricing-section .price { display: block; } .ss_ccmph_2 table tr td { width: 134px; } .ss_ccmph_2 table tr td:first-child { width: 70%; } .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-text-header .ctext { margin-right: 280px; } .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .comp-chart-text-header .ctext p { margin-right: 0; } section.ccontainer.bg-grey .ss_ccmph_4 section.comp-chart-persist-header.comp-chart-sticky-header, section.ccontainer.bg-grey .ss_ccmph_4_sale section.comp-chart-persist-header.comp-chart-sticky-header, section.ccontainer.bg-grey .ss_ccmph_3 section.comp-chart-persist-header.comp-chart-sticky-header, section.ccontainer.bg-grey .ss_ccmph_2 section.comp-chart-persist-header.comp-chart-sticky-header { background-color: #edeef0; } section.ccontainer.bg-white .ss_ccmph_4 section.comp-chart-persist-header.comp-chart-sticky-header, section.ccontainer.bg-white .ss_ccmph_4_sale section.comp-chart-persist-header.comp-chart-sticky-header, section.ccontainer.bg-white .ss_ccmph_3 section.comp-chart-persist-header.comp-chart-sticky-header, section.ccontainer.bg-white .ss_ccmph_2 section.comp-chart-persist-header.comp-chart-sticky-header { background-color: #fff; } .gray_col_1 .comparison-chart > table tr td:nth-child(2) span.checkmark, .gray_col_2 .comparison-chart > table tr td:nth-child(3) span.checkmark, .gray_col_3 .comparison-chart > table tr td:nth-child(4) span.checkmark, .gray_col_4 .comparison-chart > table tr td:nth-child(5) span.checkmark { background-color: #393a3d; } .gray_col_1 .comparison-chart > table tr td:nth-child(2) span.checkmark, .gray_col_1.ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div:nth-child(4n+1) .image-price-container .price-container-title, .gray_col_1.ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div:nth-child(4n+1) .image-price-container .price-container-title, .gray_col_1.ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div:nth-child(3n+1) .image-price-container .price-container-title, .gray_col_1.ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div:nth-child(2n+1) .image-price-container .price-container-title { background-color: #393a3d; } .gray_col_2 .comparison-chart > table tr td:nth-child(3) span.checkmark, .gray_col_2.ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div:nth-child(4n+2) .price-container-title, .gray_col_2.ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div:nth-child(4n+2) .image-price-container .price-container-title, .gray_col_2.ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div:nth-child(3n+2) .image-price-container .price-container-title, .gray_col_2.ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div:nth-child(2n+2) .image-price-container .price-container-title { background-color: #393a3d; } .gray_col_3.comparison-chart > table tr td:nth-child(4) span.checkmark, .gray_col_3.ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div:nth-child(4n+3) .image-price-container .price-container-title, .gray_col_3.ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div:nth-child(4n+3) .image-price-container .price-container-title, .gray_col_3.ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div:nth-child(3n+3) .image-price-container .price-container-title { background-color: #393a3d; } .gray_col_4 .comparison-chart > table tr td:nth-child(5) span.checkmark, .gray_col_4.ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div:nth-child(4n+4) .image-price-container .price-container-title, .gray_col_4.ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .eCommerce-product-div:nth-child(4n+4) .image-price-container .price-container-title { background-color: #393a3d; } /* END OVERRIDE THE DOT(checkmark) and HEADER BACKGROUND COLORS PER COLUMNN */ .cq-wcm-edit .ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .product .eCommerce-product-div .image-price-container .price-container-title, .cq-wcm-edit .ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .product .eCommerce-product-div .image-price-container .price-container-title, .cq-wcm-edit .ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .product .eCommerce-product-div .image-price-container .price-container-title, .cq-wcm-edit .ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .product .eCommerce-product-div .image-price-container .price-container-title { background-color: #2ca01c; } .cq-wcm-edit .gray_col_1.ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .product:nth-child(2) .eCommerce-product-div .image-price-container .price-container-title, .cq-wcm-edit .gray_col_1.ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .product:nth-child(2) .eCommerce-product-div .image-price-container .price-container-title, .cq-wcm-edit .gray_col_1.ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .product:nth-child(2) .eCommerce-product-div .image-price-container .price-container-title, .cq-wcm-edit .gray_col_1.ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .product:nth-child(2) .eCommerce-product-div .image-price-container .price-container-title { background-color: #393a3d; } .cq-wcm-edit .gray_col_2.ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .product:nth-child(4) .eCommerce-product-div .image-price-container .price-container-title, .cq-wcm-edit .gray_col_2.ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .product:nth-child(4) .eCommerce-product-div .image-price-container .price-container-title, .cq-wcm-edit .gray_col_2.ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .product:nth-child(4) .eCommerce-product-div .image-price-container .price-container-title, .cq-wcm-edit .gray_col_2.ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .product:nth-child(4) .eCommerce-product-div .image-price-container .price-container-title { background-color: #393a3d; } .cq-wcm-edit .gray_col_3.ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .product:nth-child(6) .eCommerce-product-div .image-price-container .price-container-title, .cq-wcm-edit .gray_col_3.ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .product:nth-child(6) .eCommerce-product-div .image-price-container .price-container-title, .cq-wcm-edit .gray_col_3.ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .product:nth-child(6) .eCommerce-product-div .image-price-container .price-container-title, .cq-wcm-edit .gray_col_3.ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .product:nth-child(6) .eCommerce-product-div .image-price-container .price-container-title { background-color: #393a3d; } .cq-wcm-edit .gray_col_4.ss_ccmph_4_sale .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .product:nth-child(8) .eCommerce-product-div .image-price-container .price-container-title, .cq-wcm-edit .gray_col_4.ss_ccmph_4 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .product:nth-child(8) .eCommerce-product-div .image-price-container .price-container-title, .cq-wcm-edit .gray_col_4.ss_ccmph_3 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .product:nth-child(8) .eCommerce-product-div .image-price-container .price-container-title, .cq-wcm-edit .gray_col_4.ss_ccmph_2 .comparison-chart.comp-chart-persist-area.airstream-off .comp-chart-header-container .product:nth-child(8) .eCommerce-product-div .image-price-container .price-container-title { background-color: #393a3d; } /* BODY */ /* CONTAINER */ /* OUTER CONTAINER */ /* TYPOGRAPHY */ /* FONT FAMILY */ /* FONT WEIGHT */ /* FONT SIZE */ /* LINE HEIGHT */ /* LETTER SPACING */ /* COLOR PALETTES PRIMARY, SECONDARY, TERTIARY */ /* PARAGRAPHS */ /* SECTIONS + header/subheaders */ /* SUB-SECTIONS */ /* CTA */ /* COLORS */ /* BORDER */ /* BOX-SHADOW */ /* CAROUSEL */ /* CONTAINER */ /* FAQ-QA */ /* COMP CHART 2 */ /* COMP-CHART-2-SIMPLE-HEADER */ /* DISCLOSURE */ /* FORM Vars */ /* PRICING-CARD LAYOUT */ /*helper vars for Harmony font*/ /*group headers*/ /*@pricing-card-layout-header-t-background-color: currentColor;*/ /* product title */ /*@pricing-card-layout-productcomponent-title-t-background-color: currentColor;*/ /* price ct */ /* price aw */ /* price per-month */ /* product offer (red) */ /* product offer2 */ /* feature-list */ /* PRODUCT COMPONENT */ /* PRICING CARD */ /* PRICING TABLE */ /* HERO */ /* VIDEO */ /* FOOTER */ /* RESPONSIVE TABS - added here because it's backwards compatible with non-responsive */ /* TESTIMONIAL */ /* FONT FAMILY */ /* FONT WEIGHT */ /* FONT SIZE */ /* LINE HEIGHT */ /* PARAGRAPHS */ /* CONTAINER */ /* SECTIONS header/subheaders */ /* SUB-SECTIONS */ /* CTA */ /* COLORS */ /* CAROUSEL */ /* FAQ-QA */ /* COMP CHART 2 */ /* COMP-CHART-2-SIMPLE-HEADER */ /* DISCLOSURE */ /* PRICING-CARD LAYOUT */ /* group headers */ /*@pricing-card-layout-header-t-background-color: #d4d7dc;*/ /*@pricing-card-layout-productcomponent-title-t-background-color: @bg-dark-green;*/ /* product title */ /* price ct */ /* price aw */ /* price per-month */ /* product offer (red) */ /* product offer2 */ /* feature-list */ /* PRODUCT COMPONENT */ /* PRICING CARD */ /* ONPAGENAV - base defined in resp_vars.less*/ /* TESTIMONIAL */ @media (max-width: 767px) { .content-container { padding: 0 20px; } } .ss-section { display: block; margin: 0; padding: 40px 0; } .ss-section > .content-container > .ccontainer { padding: 20px 0; } .ss-section > .content-container > .ccontainer > .resp_grid:last-child { padding-top: 40px; } .ss-section > .content-container > .resp_grid { padding: 20px 0; } .ss-section:last-of-type { padding-bottom: 20px; } .section-subheader { font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 400; font-size: 24px; line-height: 28px; display: block; margin-top: -10px; padding: 0 0 20px 0; text-align: center; } .ss-subsection { margin: 0; padding: 20px 0; } .ss-section:last-child { padding-bottom: 20px; } /* Mobile (Phone and Tablet) */ @media only screen and (max-width: 991px) { .section-subheader { padding-bottom: 20px; } .ss-section:nth-last-of-type(2) + .ss-disclosures { margin-top: -10px; } } @media only screen and (max-width: 768px) { .section-header, .csection h2 { font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif !important; font-weight: 500; font-size: 32px; line-height: 36px; } .section-subheader { font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 400; font-size: 19px; line-height: 24px; } .ss-section { padding: 20px 0; } } /* BODY */ /* CONTAINER */ /* OUTER CONTAINER */ /* TYPOGRAPHY */ /* FONT FAMILY */ /* FONT WEIGHT */ /* FONT SIZE */ /* LINE HEIGHT */ /* LETTER SPACING */ /* COLOR PALETTES PRIMARY, SECONDARY, TERTIARY */ /* PARAGRAPHS */ /* SECTIONS + header/subheaders */ /* SUB-SECTIONS */ /* CTA */ /* COLORS */ /* BORDER */ /* BOX-SHADOW */ /* CAROUSEL */ /* CONTAINER */ /* FAQ-QA */ /* COMP CHART 2 */ /* COMP-CHART-2-SIMPLE-HEADER */ /* DISCLOSURE */ /* FORM Vars */ /* PRICING-CARD LAYOUT */ /*helper vars for Harmony font*/ /*group headers*/ /*@pricing-card-layout-header-t-background-color: currentColor;*/ /* product title */ /*@pricing-card-layout-productcomponent-title-t-background-color: currentColor;*/ /* price ct */ /* price aw */ /* price per-month */ /* product offer (red) */ /* product offer2 */ /* feature-list */ /* PRODUCT COMPONENT */ /* PRICING CARD */ /* PRICING TABLE */ /* HERO */ /* VIDEO */ /* FOOTER */ /* RESPONSIVE TABS - added here because it's backwards compatible with non-responsive */ /* TESTIMONIAL */ /* FONT FAMILY */ /* FONT WEIGHT */ /* FONT SIZE */ /* LINE HEIGHT */ /* PARAGRAPHS */ /* CONTAINER */ /* SECTIONS header/subheaders */ /* SUB-SECTIONS */ /* CTA */ /* COLORS */ /* CAROUSEL */ /* FAQ-QA */ /* COMP CHART 2 */ /* COMP-CHART-2-SIMPLE-HEADER */ /* DISCLOSURE */ /* PRICING-CARD LAYOUT */ /* group headers */ /*@pricing-card-layout-header-t-background-color: #d4d7dc;*/ /*@pricing-card-layout-productcomponent-title-t-background-color: @bg-dark-green;*/ /* product title */ /* price ct */ /* price aw */ /* price per-month */ /* product offer (red) */ /* product offer2 */ /* feature-list */ /* PRODUCT COMPONENT */ /* PRICING CARD */ /* ONPAGENAV - base defined in resp_vars.less*/ /* TESTIMONIAL */ .ss-bullets-columns { padding: 0 10px 20px !important; /* Tablet */ /* Phone (less than 768px) */ } .ss-bullets-columns .content-container { width: 100%; } .ss-bullets-columns .content-container .row [class*="col-"] { padding-right: 20px; } .ss-bullets-columns .content-container .row [class*="col-"]:last-child { padding-right: 0; } .ss-bullets-columns .content-container .row [class*="col-"] .ctext h3 { padding-top: 20px; } .ss-bullets-columns .content-container .row [class*="col-"] .ctext h4 { padding-top: 20px; } .ss-bullets-columns .content-container .row [class*="col-"] .ctext p { padding-top: 20px; } .ss-bullets-columns .content-container .row [class*="col-"] .ctext .extra-padding { padding-top: 40px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .ss-bullets-columns { /* If there is an intermediate subhead following this, move it up a bit */ } .ss-bullets-columns .content-container { padding: 0; } .ss-bullets-columns + section.ss-intermediate-subhead .interspace_divider { margin-top: 20px; } } @media only screen and (max-width: 767px) { .ss-bullets-columns { padding-left: 0 !important; padding-right: 0 !important; /* If there is an intermediate subhead following this, move it up a bit */ } .ss-bullets-columns .content-container { padding-right: 10px; } .ss-bullets-columns .content-container .row { margin-left: -30px; } .ss-bullets-columns .resp_grid.grid-container-100 { width: initial; } .ss-bullets-columns + section.ss-intermediate-subhead .interspace_divider { margin-top: 20px; } } /* BODY */ /* CONTAINER */ /* OUTER CONTAINER */ /* TYPOGRAPHY */ /* FONT FAMILY */ /* FONT WEIGHT */ /* FONT SIZE */ /* LINE HEIGHT */ /* LETTER SPACING */ /* COLOR PALETTES PRIMARY, SECONDARY, TERTIARY */ /* PARAGRAPHS */ /* SECTIONS + header/subheaders */ /* SUB-SECTIONS */ /* CTA */ /* COLORS */ /* BORDER */ /* BOX-SHADOW */ /* CAROUSEL */ /* CONTAINER */ /* FAQ-QA */ /* COMP CHART 2 */ /* COMP-CHART-2-SIMPLE-HEADER */ /* DISCLOSURE */ /* FORM Vars */ /* PRICING-CARD LAYOUT */ /*helper vars for Harmony font*/ /*group headers*/ /*@pricing-card-layout-header-t-background-color: currentColor;*/ /* product title */ /*@pricing-card-layout-productcomponent-title-t-background-color: currentColor;*/ /* price ct */ /* price aw */ /* price per-month */ /* product offer (red) */ /* product offer2 */ /* feature-list */ /* PRODUCT COMPONENT */ /* PRICING CARD */ /* PRICING TABLE */ /* HERO */ /* VIDEO */ /* FOOTER */ /* RESPONSIVE TABS - added here because it's backwards compatible with non-responsive */ /* TESTIMONIAL */ /* Mixin for generating global sprite SVG and its fallback PNG. Ideally this has to be a LESS VAR, but due to how CQ interprets LESS VAR PATHS, its hardcoded this way */ .fcolor-prim { color: #f77b00; } .fcolor-sec { color: #3f6dc9; } .hero-cta-align { display: block; padding-top: 10px; } /* FONT FAMILY */ /* FONT WEIGHT */ /* FONT SIZE */ /* LINE HEIGHT */ /* PARAGRAPHS */ /* CONTAINER */ /* SECTIONS header/subheaders */ /* SUB-SECTIONS */ /* CTA */ /* COLORS */ /* CAROUSEL */ /* FAQ-QA */ /* COMP CHART 2 */ /* COMP-CHART-2-SIMPLE-HEADER */ /* DISCLOSURE */ /* PRICING-CARD LAYOUT */ /* group headers */ /*@pricing-card-layout-header-t-background-color: #d4d7dc;*/ /*@pricing-card-layout-productcomponent-title-t-background-color: @bg-dark-green;*/ /* product title */ /* price ct */ /* price aw */ /* price per-month */ /* product offer (red) */ /* product offer2 */ /* feature-list */ /* PRODUCT COMPONENT */ /* PRICING CARD */ /* ONPAGENAV - base defined in resp_vars.less*/ /* TESTIMONIAL */ span.ctaprimary, span.ctasecondary, span.ctatertiary { height: 32px; box-sizing: border-box; } .ctaprimary:hover, .ctasecondary:hover { box-shadow: none; } .ctaprimary:active, .ctasecondary:active, .ctatertiary:active { box-shadow: none; } a.ctaprimary, a .ctaprimary, input.ctaprimary, span.ctaprimary, button.ctaprimary { font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; font-weight: 600; color: #ffffff; line-height: 1.5em; border: 0 solid #2ca01c; border-radius: 1 1; background-color: #ff6a00; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a.ctaprimary:hover, a .ctaprimary:hover, input.ctaprimary:hover, span.ctaprimary:hover, button.ctaprimary:hover { background-color: #f95700; } a.ctaprimary:active, a .ctaprimary:active, input.ctaprimary:active, span.ctaprimary:active, button.ctaprimary:active { background-color: #f95700; } a.ctaprimary.full-width, a .ctaprimary.full-width, input.ctaprimary.full-width, span.ctaprimary.full-width, button.ctaprimary.full-width { width: 100%; max-width: 100%; text-align: center; box-sizing: border-box; } a.ctaprimary.submitted, a .ctaprimary.submitted, input.ctaprimary.submitted, span.ctaprimary.submitted, button.ctaprimary.submitted { line-height: 0; font-size: 0; border: 1px solid #f6f8fb; background: #f6f8fb url('https://quickbooks.intuit.com/etc/designs/harmony/images/spinner-fallback.gif') no-repeat center; background: #f6f8fb url('https://quickbooks.intuit.com/etc/designs/harmony/images/spinner.svg') no-repeat center; } a.ctasecondary, input.ctasecondary, span.ctasecondary { font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; font-weight: 600; color: #ffffff; line-height: 1.5em; border: 0 solid #000000; border-radius: 1 1; background-color: #0077c5; } a.ctasecondary:hover, input.ctasecondary:hover, span.ctasecondary:hover { background-color: #055393; } a.ctasecondary:active, input.ctasecondary:active, span.ctasecondary:active { background-color: #055393; } a.ctasecondary.full-width, input.ctasecondary.full-width, span.ctasecondary.full-width { width: 100%; max-width: 100%; text-align: center; box-sizing: border-box; } a.ctatertiary.full-width, input.ctatertiary.full-width, span.ctatertiary.full-width { width: 100%; max-width: 100%; text-align: center; box-sizing: border-box; padding-right: 0; padding-left: 0; } a.ctaprimary { max-width: 290px; } a.ctasecondary { max-width: 370px; } a.ctatertiary, input.ctatertiary, span.ctatertiary { color: #365ebf; font-size: 14px; line-height: 1.8em; border: 1px solid #dedede; background: #f0f0f0; background: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background: -o-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background: -ms-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background: linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%); } .ctatertiary:hover { background: #fff; } a.ctatertiary:active, input.ctatertiary:active, span.ctatertiary:active { background: #e0e0e0; background: -webkit-linear-gradient(top, #e0e0e0 0%, #eeeeee 100%); background: -moz-linear-gradient(top, #e0e0e0 0%, #eeeeee 100%); background: -o-linear-gradient(top, #e0e0e0 0%, #eeeeee 100%); background: -ms-linear-gradient(top, #e0e0e0 0%, #eeeeee 100%); background: linear-gradient(to bottom, #e0e0e0 0%, #eeeeee 100%); } a.ctacenter { margin: 0 auto; } a.ctacenter.ctaplain { display: block; text-align: center; } div.cta-align-left { text-align: left; } div.cta-align-right { text-align: right; } div.cta-align-center { text-align: center; } .ctaprimary, .ctasecondary, [class*="ctatertiary"] { background-image: none !important; padding: 0 16px !important; height: 32px !important; font-size: 15px; font-weight: 600 !important; line-height: 32px !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class*="ctatertiary"] { padding: 0 14px !important; } span.ctaprimary, span.ctasecondary, span[class*="ctatertiary"] { height: 32px; box-sizing: border-box; } .ctaprimary:hover, .ctasecondary:hover { box-shadow: none; } .ctaprimary:active, .ctasecondary:active, [class*="ctatertiary"]:active { box-shadow: none; } .ctaprimary:focus, .ctasecondary:focus, [class*="ctatertiary"]:focus { text-decoration: none; } a.ctaprimary, a .ctaprimary, input.ctaprimary, span.ctaprimary, button.ctaprimary { font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; color: #ffffff; border: 0 solid #2ca01c; border-radius: 1 1; background-color: #2ca01c !important; } a.ctaprimary:hover, a .ctaprimary:hover, input.ctaprimary:hover, span.ctaprimary:hover, button.ctaprimary:hover { background-color: #53b700 !important; } a.ctaprimary:active, a .ctaprimary:active, input.ctaprimary:active, span.ctaprimary:active, button.ctaprimary:active { background-color: #53b700 !important; } a.ctaprimary.full-width, a .ctaprimary.full-width, input.ctaprimary.full-width, span.ctaprimary.full-width, button.ctaprimary.full-width { width: 100%; max-width: 100%; text-align: center; box-sizing: border-box; } a.ctaprimary.submitted, a .ctaprimary.submitted, input.ctaprimary.submitted, span.ctaprimary.submitted, button.ctaprimary.submitted { line-height: 0; font-size: 0; border: 1px solid #f6f8fb; background: #f6f8fb url('https://quickbooks.intuit.com/etc/designs/harmony/images/spinner-fallback.gif') no-repeat center; background: #f6f8fb url('https://quickbooks.intuit.com/etc/designs/harmony/images/spinner.svg') no-repeat center; } a.ctasecondary, input.ctasecondary, span.ctasecondary { font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; color: #ffffff; border: 0 solid #000000; border-radius: 1 1; background-color: #000000; } a.ctasecondary:hover, input.ctasecondary:hover, span.ctasecondary:hover { background-color: #393a3d; } a.ctasecondary:active, input.ctasecondary:active, span.ctasecondary:active { background-color: #393a3d; } a.ctasecondary.full-width, input.ctasecondary.full-width, span.ctasecondary.full-width { width: 100%; max-width: 100%; text-align: center; box-sizing: border-box; } a[class*="ctatertiary"], input[class*="ctatertiary"], span[class*="ctatertiary"] { display: inline-block; color: #000000; font-size: 15px; line-height: 29px !important; border: 2px solid #000000; background: transparent; } a[class*="ctatertiary"].full-width, input[class*="ctatertiary"].full-width, span[class*="ctatertiary"].full-width { width: 100%; max-width: 100%; text-align: center; box-sizing: border-box; padding-right: 0; padding-left: 0; } a.ctatertiary2, input.ctatertiary2, span.ctatertiary2, a.ctatertiary.over-dark-background, input.ctatertiary.over-dark-background, span.ctatertiary.over-dark-background { color: #ffffff; border: 2px solid #ffffff; } a.ctaprimary { max-width: 290px; } a.ctasecondary { max-width: 370px; } .ctatertiary:hover { background: transparent; color: #393a3d; border: 2px solid #393a3d; } .ctatertiary2:hover, .ctatertiary.over-dark-background:hover { background: transparent; color: #d4d7dc; border: 2px solid #d4d7dc; } a[class*="ctatertiary"]:active, input[class*="ctatertiary"]:active, span[class*="ctatertiary"]:active { background: transparent; } a.ctacenter { margin: 0 auto; } a.ctacenter.ctaplain { display: block; text-align: center; } div.cta-align-left { text-align: left; } div.cta-align-right { text-align: right; } div.cta-align-center { text-align: center; } #onPageNavResp { padding-bottom: 64px; } #onPageNavResp .menuBar, #onPageNavResp .menuBar div { display: block; } #onPageNavResp .menuBar { position: relative; } #onPageNavResp .desktopView.hidden-xs { background-color: #f4f5f8; height: auto; } @media (min-width: 768px) and (max-width: 993px) { #onPageNavResp .mobileView.visible-xs { display: block !important; } #onPageNavResp .desktopView.hidden-xs { display: none !important; } } #onPageNavResp .desktopView.hidden-xs .title { padding: 0 15px 0 0; max-width: 300px; height: auto; border-right: none; } #onPageNavResp .title { white-space: normal; display: inline-block; float: none; position: relative; top: 2px; } #onPageNavResp .title.is-two-lines { top: 14px; } #onPageNavResp.height-medium .title { top: -3px; } #onPageNavResp .title h2 { padding: 0; font-size: 19px; line-height: 24px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; color: #393a3d; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; display: block; text-align: left; } @media (min-width: 768px) and (max-width: 991px) { #onPageNavResp .title h2 { font-size: 15px; line-height: 20px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; } } #onPageNavResp .title a > h2 { position: relative; top: 5px; } #onPageNavResp table { height: 100%; padding: 0; max-height: 87px; float: none; display: inline-table; } #onPageNavResp .row { opacity: 0; position: relative; padding: 0 10px; height: 64px; max-height: 84px; } #onPageNavResp .row.show-it { opacity: 1; transition: opacity 400ms; } @media (max-width: 991px) { #onPageNavResp .row { height: auto; padding: 0; } #onPageNavResp.fixed .row { position: fixed; } } #onPageNavResp td { padding: 0 15px; position: relative; top: 5px; max-width: none; min-width: 0; border-bottom: 4px solid transparent; } #onPageNavResp td:hover > div p { color: #0077c5; } #onPageNavResp.height-medium td { top: 10px; } #onPageNavResp.height-medium td.is-two-lines { top: 1px; } #onPageNavResp.height-large td { top: 18px; } #onPageNavResp.height-large td.is-two-lines { top: 7px; } #onPageNavResp td:first-child { border-left: 1px solid #e8e9e9; } #onPageNavResp td.active { border-bottom: 4px solid #2ca01c; } #onPageNavResp td p { padding: 0 !important; text-align: left; white-space: normal; font-size: 15px; line-height: 20px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; color: #393a3d; line-height: 17px; } #onPageNavResp td.active p { font-weight: bold; } #onPageNavResp .ccta { margin-right: 0; float: none; } #onPageNavResp .cta { height: auto; max-width: initial; position: absolute; top: 50%; transform: translateY(-50%); right: 0; } #onPageNavResp .cta.show { margin: 0; } #onPageNavResp select.pointsToSection { height: 48px; width: 100%; -webkit-appearance: none; opacity: .0001; z-index: 2; top: 0; } #onPageNavResp .custom-select { position: absolute; display: block; width: 100%; } #onPageNavResp .custom-select-trigger { position: relative; display: block; height: 48px; line-height: 48px; text-align: left; padding: 0 44px 0 22px; font-size: 15px; font-weight: 500; color: #393a3d; background: #f2f4f8; border-radius: 2px; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #onPageNavResp .custom-select-trigger:after { position: absolute; display: block; content: ''; width: 14px; height: 14px; top: 50%; right: 25px; margin-top: -3px; border-bottom: 3px solid #393a3d; border-right: 3px solid #393a3d; -webkit-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; } #onPageNavResp .custom-select-trigger.disclosed:after { right: 19px; -webkit-transform: rotate(225deg) translateY(-125%); transform: rotate(225deg) translateY(-125%); } /* push down next sibling down */ @media (min-width: 768px) and (max-width: 991px) { .con-page-nav-resp + *, .con-page-nav-resp + section, .con-page-nav-nonresp + *, .con-page-nav-nonresp + section { padding-top: 26px; } } @media (min-width: 992px) { .con-page-nav-resp + *, .con-page-nav-resp + section, .con-page-nav-nonresp + *, .con-page-nav-nonresp + section { padding-top: 35px; } } .msie #onPageNavResp .desktopView.hidden-xs .title { position: relative; top: -22px !important; } body { background-image: none; } #globalNavHeader { padding-bottom: 0 !important; } #globalNavHeader .navhdr-menu ul:first-child > li { height: 58px; } #globalNavHeader .navhdr-menu-ctnr { margin-top: 41px !important; padding: 0 18px 0 10px !important; } .site-header { position: fixed; z-index: 1010; box-shadow: none; background-color: #f4f5f8; opacity: 0; overflow: hidden; } .site-header.show { opacity: 1; transition: opacity 500ms; overflow: visible; } #main { margin-top: 80px; } @media (max-width: 768px) { #main { margin-top: 60px; } } @media (max-width: 480px) { #main { margin-top: 48px; } } .con-page-nav-resp.fixed .desktopView.hidden-xs, .con-page-nav-resp.fixed .mobileView.visible-xs, .con-page-nav-nonresp.fixed .desktopView.hidden-xs, .con-page-nav-nonresp.fixed .mobileView.visible-xs, .cpromobanner { top: 80px; } @media (max-width: 768px) { .con-page-nav-resp.fixed .desktopView.hidden-xs, .con-page-nav-resp.fixed .mobileView.visible-xs, .con-page-nav-nonresp.fixed .desktopView.hidden-xs, .con-page-nav-nonresp.fixed .mobileView.visible-xs, .cpromobanner { top: 60px; } } @media (max-width: 480px) { .con-page-nav-resp.fixed .desktopView.hidden-xs, .con-page-nav-resp.fixed .mobileView.visible-xs, .con-page-nav-nonresp.fixed .desktopView.hidden-xs, .con-page-nav-nonresp.fixed .mobileView.visible-xs, .cpromobanner { top: 48px; } } #globalNavHeader .resp_grid { display: -webkit-flex; display: flex; } #globalNavHeader .drawer-btn-ctnr { -webkit-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: flex; width: auto !important; -webkit-align-self: center; align-self: center; } #globalNavHeader .navhdr-icons-ctnr { -webkit-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-flex; display: flex; float: none; width: auto; -webkit-align-self: center; align-self: center; white-space: nowrap; top: 5px; } #globalNavHeader .navhdr-menu-ctnr { -webkit-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: flex; float: none; width: auto; } #globalNavHeader .navhdr-cta-ctnr { -webkit-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: flex; width: auto !important; float: none; white-space: nowrap; } #globalNavHeader .navhdr-cta-ctnr .resp_grid > div:nth-child(3) { display: none; } @media (max-width: 480px) { #globalNavHeader .navhdr-cta-ctnr .resp_grid > div:nth-child(3) { display: none !important; } } #globalNavHeader .navhdr-menu ul:first-child, #globalNavHeader .navhdr-cta-ctnr .signin-hover { display: inline-block; white-space: nowrap; } #globalNavHeader .navhdr-menu ul:first-child > li { height: auto; display: inline-block; margin-right: 26px; } #globalNavHeader .navhdr-menu ul:first-child > li:last-child { margin-right: 0; } #globalNavHeader .navhdr-cta-ctnr .navhdr-cta > div:first-child > div:nth-child(1) { display: inline-block; padding-right: 28px; } @media (max-width: 1024px) { #globalNavHeader .navhdr-cta-ctnr .navhdr-cta > div:first-child > div:nth-child(1) { display: none; } } #globalNavHeader .navhdr-cta-ctnr .navhdr-cta > div:first-child > div:nth-child(2) { display: inline-block; padding-right: 0; } #globalNavHeader .navhdr-cta-ctnr .navhdr-cta > div:first-child > div:nth-child(3) { display: inline-block; padding-left: 24px; padding-right: 0; position: relative; top: 5px; } #globalNavHeader .navhdr-cta-ctnr a.ctaplain { display: inline; } #globalNavHeader .grid_default { height: 32px; width: auto !important; display: inline-block !important; } #globalNavHeader .grid_default > div:nth-child(1):after { content: ''; width: 1px; height: 20px; display: inline-block; position: absolute; left: 62px; border-right: 1px solid #2ca01c; top: 11px; } @media (max-width: 767px) { #globalNavHeader .grid_default > div:nth-child(1):after { top: 9px; } } @media (max-width: 480px) { #globalNavHeader .grid_default > div:nth-child(1):after { display: none; } } #globalNavHeader .grid_default > div:nth-child(2) .ccontainer { text-align: center; } #globalNavHeader .grid_default > div:nth-child(2) .ccta { display: inline-block; } #globalNavHeader .navhdr-cta-ctnr { padding: 0 10px !important; float: none; } #globalNavHeader .icon-font .i-center { display: inline-block; text-align: left !important; } #globalNavHeader .global-header-resp { height: 80px !important; } @media (max-width: 768px) { #globalNavHeader .global-header-resp { height: 60px !important; } } @media (max-width: 480px) { #globalNavHeader .global-header-resp { height: 48px !important; } } #globalNavHeader .global-header-resp > :first-child { height: inherit; } #globalNavHeader .global-header-resp > :first-child > :first-child { height: inherit; } #globalNavHeader .global-header-resp .drawer-btn-ctnr { padding: 0 10px !important; margin: 0 !important; position: relative; } #globalNavHeader .global-header-resp .navhdr-icons-ctnr { padding: 0 10px !important; margin: 0 !important; position: relative; } #globalNavHeader .global-header-resp .ctext ul li ul li { padding-bottom: 0; } #globalNavHeader .global-header-resp div.navhdr-cta-ctnr ul li { padding-bottom: 0; } @media (min-width: 769px) { #globalNavHeader .global-header-resp .navhdr-cta-ctnr { margin: 31px 0 0 !important; float: none !important; } } @media (max-width: 767px) { #globalNavHeader .global-header-resp .drawer-btn-ctnr { margin: 0 !important; } #globalNavHeader .global-header-resp .navhdr-icons-ctnr { width: auto !important; } #globalNavHeader .global-header-resp .navhdr-cta-ctnr { margin: 15px 0 0 !important; } } @media (max-width: 480px) { #globalNavHeader .global-header-resp .navhdr-cta-ctnr { margin-top: 9px !important; } } #globalNavHeader .global-header-resp .navhdr-icons-ctnr .navhdr-icons .icon-font { line-height: 0 !important; } @media (max-width: 480px) { #globalNavHeader .global-header-resp .navhdr-cta-ctnr { width: auto !important; } } @media (max-width: 400px) { #globalNavHeader .global-header-resp div.navhdr-icons-ctnr section.navhdr-icons div.icon-font i, #globalNavHeader .global-header-resp div.navhdr-icons-ctnr section.navhdr-icons span.visually-hidden-text { -webkit-transform: none; transform: none; } } .logo-quickbooks-branding-185x40 { height: 37px; background-position: -250px -699px; } @media (max-width: 767px) { .logo-quickbooks-branding-185x40 { background-position: -324px -751px; width: 111px; height: 24px !important; } } @media (max-width: 400px) { .logo-quickbooks-branding-185x40 { width: 115px !important; } } .navhdr-menu-ctnr > .navhdr-menu > .ctext > ul > li:hover, .navhdr-menu-ctnr > .navhdr-menu > .ctext > ul > li:hover a, .navhdr-cta-ctnr .cta-sign-in > .ccta > a { border-bottom-color: transparent !important; } .navhdr-menu-ctnr > .navhdr-menu > .ctext > ul > li, .navhdr-cta-ctnr a.ctaplain { cursor: pointer; position: relative; padding-bottom: 15px !important; border-bottom: 4px solid transparent !important; box-shadow: none !important; } @media (max-width: 767px) { .navhdr-menu-ctnr > .navhdr-menu > .ctext > ul > li, .navhdr-cta-ctnr a.ctaplain { padding-bottom: 11px !important; } } .navhdr-menu-ctnr > .navhdr-menu > .ctext > ul > li > a { font: 15px/20px "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; } .navhdr-menu-ctnr > .navhdr-menu > .ctext > ul > li > ul, .navhdr-cta-ctnr .signin-hover { width: auto !important; padding: 15px 0 !important; margin-top: 14px !important; border-top: 5px solid #2ca01c !important; } @media (max-width: 767px) { .navhdr-menu-ctnr > .navhdr-menu > .ctext > ul > li > ul, .navhdr-cta-ctnr .signin-hover { margin-top: 12px !important; } } .navhdr-cta-ctnr .signin-hover { margin-top: 15px !important; } @media (max-width: 767px) { .navhdr-cta-ctnr .signin-hover { margin-top: 11px !important; } } .cta-sign-in > .ccta:first-child { margin-bottom: 0 !important; } .cta-free-trial a:hover { border-bottom: 5px solid #2ca01c !important; } .navhdr-menu-ctnr > .navhdr-menu > .ctext > ul > li:before, .cta-sign-in > .ccta:before { content: ''; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 11px 11px 11px; border-color: transparent transparent #2ca01c transparent; top: 23px; left: calc(39%); display: none; } @media (max-width: 767px) { .cta-sign-in > .ccta:before { top: 21px; } } .navhdr-menu-ctnr > .navhdr-menu > .ctext > ul > li:hover:before, .cta-sign-in > .ccta:hover:before, .cta-sign-in.hover > .ccta:before { display: block; } .cta-sign-in > .ccta, .cta-free-trial > .ccta { padding-top: 0 !important; margin-top: 11px !important; } .navhdr-menu ul:first-child > li ul li > a, .navhdr-cta-ctnr .signin-hover > li > a { text-align: left; padding: 4px 20px !important; color: #393a3d !important; font: 12px/16px "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; } .navhdr-menu ul:first-child > li ul li > a:hover, .navhdr-cta-ctnr .signin-hover > li > a:hover { color: #393a3d !important; background-color: #f4f5f8 !important; } .navhdr-menu ul:first-child > li ul hr, .navhdr-cta-ctnr .signin-hover > ul { margin: 8px auto; height: 0; width: 80%; border-top: 1px solid #d4d7dc; } header .drawer-btn { display: none !important; } header .mobile-menu-toggle { border: none; background: transparent !important; outline: none; padding: 0 0 2px 0; } header .mobile-menu-toggle:hover { background: transparent !important; } header .mobile-menu-toggle .bar { width: 24px; height: 3px; display: block; background-color: #2ca01c !important; margin-top: 4px !important; transition: all 0.4s; position: relative !important; } header .mobile-menu-toggle .bar-top { -webkit-transform: rotate(0); transform: rotate(0); transform-origin: 10% 10%; -webkit-transform-origin: 10% 10%; } header .mobile-menu-toggle .bar-middle { opacity: 1; } header .mobile-menu-toggle .bar-bottom { top: 0; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: 10% 90%; transform-origin: 10% 90%; } header .mobile-menu-toggle.collapsed .bar-top { -webkit-transform: rotate(0); transform: rotate(0); } header .mobile-menu-toggle.collapsed .bar-middle { opacity: 1; } header .mobile-menu-toggle.collapsed .bar-bottom { top: 0; -webkit-transform: rotate(0); transform: rotate(0); } .sidr.left { background-color: #393a3d; } .sidr.left.left .navhdr-cta div:nth-child(3) { display: none; } .sidr.left > ul > li { margin-bottom: 0; border-bottom: 1px solid black; } .sidr.left > ul > li > div, .sidr.left > ul > li > ul > li { padding: 0 20px; height: 44px; } .sidr.left > ul > li > ul > li:first-child { padding-top: 0; } .sidr.left > ul > li > ul > hr { border: none; padding: 0; margin: 0; height: 1px; background-image: linear-gradient(to right, #333333, #cccccc, #333333); } .sidr.left > ul > li > ul { background-color: black; } .sidr.left ul > li > div .submenu-text, .sidr.left > ul > li > ul > li > a { font: 15px/44px "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; color: #d4d7dc !important; } .sidr.left > ul > li > ul > li { padding: 0 3px 0 20px; border-bottom: 1px solid #393a3d; } .sidr.left > ul > li > ul > li:last-child { border-bottom: none; } .sidr.left > ul > li > ul > li a:hover { color: #d4d7dc; } .sidr.left .navhdr-menu > li div:first-child { background-color: #393a3d; position: relative; } .sidr.left > ul > li > div .submenu-arrow { transform: none; background-image: none; display: inline-block; width: 12px; height: 12px; border-top: 2px solid #d4d7dc; border-right: 2px solid #d4d7dc; position: absolute; right: 18px; top: 14px; -moz-transition: all 400ms ease; -webkit-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; } .sidr.left > ul > li > div .submenu-arrow.down { -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); } .sidr.left > ul > li > div .submenu-arrow.up { top: 20px; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sidr.left .navhdr-cta { padding: 20px 20px 0; } .sidr.left .navhdr-cta .ccta { height: 31px; padding: 0; margin-bottom: 16px; } .sidr.left .navhdr-cta .ccta a { line-height: 28px; display: inline-block; } .sidr.left .navhdr-cta .ccta .ctatertiary { background: transparent; color: white; border-color: white; padding-top: 0; padding-bottom: 0; } .sidr.left .navhdr-cta .ccta .ctasecondary { -webkit-font-smoothing: antialiased; background: #2ca01c; color: white; border-color: white; position: relative; } .sidr.left .navhdr-cta .ccta .ctasecondary:hover { background: #53b700 !important; } .sidr.left .navhdr-cta .ccta .ctasecondary span:first-child { width: auto; display: inline-block; position: absolute; left: 0; right: 0; margin: 0 auto; padding: 0 !important; line-height: 32px !important; } .sidr.left .navhdr-cta .ccta .ctasecondary span:last-child { float: none; display: inline-block; position: absolute; right: 0; top: 2px; } .sidr.left .navhdr-cta ul { top: -16px; background: black; } .sidr.left .navhdr-cta ul.open { height: auto !important; max-height: none !important; padding: 8px 0; } .sidr.left .submenu-arrow { background-image: none !important; } .sidr.left .navhdr-cta ul .submenu-text, .sidr.left .navhdr-cta ul a:hover .submenu-text { font: 12px/16px "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; padding: 4px 20px; } .sidr.left .navhdr-cta ul > li:first-child div { margin-top: 0; } .sidr.left .navhdr-cta ul > li:last-child div { margin-bottom: 0; } .sidr.left .navhdr-cta ul.open { border-top: none; } .sidr.left .navhdr-cta ul > li a > div { font: 15px / normal "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; } body { background-image: none; } #global-header { position: fixed; z-index: 1010; background-color: #393a3d !important; width: 100%; height: 48px !important; } @media (max-width: 767px) { #global-header { padding-left: 4px; } } #global-header .global-sprite.ba-quickbooks-logo { display: inline-block; width: 142px; height: 28px; background-position: -271px -185px; vertical-align: middle; } @media (min-width: 768px) { #global-header .container { width: 100%; } } @media (min-width: 768px) and (max-width: 959px) { #global-header .container { width: 100% !important; } } @media (min-width: 960px) { #global-header .container { width: 960px !important; } } #global-header > .header, #global-header > .header > .container-fluid, #global-header > .header > .container-fluid > .container { background-color: #393a3d !important; height: 48px !important; } #global-header section { -webkit-flex: 0 0 auto; flex: 0 0 auto; } #global-header .flex-parent { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; height: inherit; } @media (max-width: 767px) { #global-header .flex-parent { padding-left: 0px; } } #global-header .menus-left { -webkit-flex: 1 0 auto; flex: 1 0 auto; } #global-header .menus-left > ul > li { float: left; margin-top: 6px; } @media (max-width: 1024px) { #global-header .logo { -webkit-flex: 1 0 auto; flex: 1 0 auto; } } @media (max-width: 1024px) and (min-width: 1023px) { #global-header .menus-right { margin-right: 0px; } } @media (max-width: 1023px) and (min-width: 768px) { #global-header .menus-right { margin-right: 18px; } } @media (max-width: 767px) { #global-header .menus-right { margin-right: 0px; } #global-header > .header > .container-fluid > .container, #global-header > .header > .container-fluid { padding-left: 0px; } } #global-header .eyebrow { background-color: #d4d7dc; text-align: right; height: 28px; line-height: 28px; } @media (max-width: 767px) { #global-header .eyebrow { text-align: left; } #global-header .eyebrow span { font-size: 12px; } } @media (max-width: 1024px) { #global-header .eyebrow { display: none; } } #global-header a, #global-header a:visited { color: #365ebf; } #global-header .menus > ul { display: inline-block; white-space: nowrap; } #global-header .menus > ul > li { position: relative; display: inline-block; margin-left: 20px; border-bottom: 4px solid transparent !important; padding: 12px 0 9px; } #global-header .menus > ul > li:hover { border-bottom: 4px solid #2ca01c !important; } #global-header .menus > ul > li.no-hover, #global-header .menus > ul > li.no-hover:hover { border-bottom: none !important; } #global-header .menus > ul > li > a, #global-header .menus > ul > li > a:visited { font: 15px/20px "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; color: #d4d7dc; text-decoration: none; position: relative; top: 3px; } #global-header .menus > ul > li:hover > a { color: #ffffff; } #global-header .menus > ul > li > ul { display: none; } #global-header .menus > ul > li:hover > ul { display: inline-block; } @media (max-width: 1024px) { #global-header .free-trial-list-item { display: none !important; } } @media (max-width: 480px) { #global-header .sign-in-list-item { display: none !important; } } #global-header .menus > ul > li.has-divider-after:last-child { margin-right: 0px; } #global-header .speak-to-expert-item { padding: 4px 0 0 !important; vertical-align: middle; margin-right: 10px; } #global-header .speak-to-expert-item.is-right-justified-submenu { padding-top: 6px !important; } #global-header .speak-to-expert-item ul { padding: 16px !important; margin-top: 4px !important; } #global-header .speak-to-expert-item ul li > p:first-child { margin-bottom: 16px; } #global-header .speak-to-expert-item ul li > p:last-child { margin-bottom: 0; } #global-header .speak-to-expert-item span, #global-header .speak-to-expert-item span a { color: #d4d7dc; } #global-header .speak-to-expert-item ul li > p, #global-header .speak-to-expert-item ul li p a { color: #393a3d; } #global-header .speak-to-expert-item hr { margin: 16px 0; border-top: transparent; border-bottom: 1px solid #6b6c72; } @media (max-width: 480px) { #global-header .speak-to-expert-item { display: none !important; } } #global-header .menus > ul > li > ul { position: absolute; left: 0; top: 36px; background-color: #ffffff; padding: 5px 0 5px 0; margin-top: 9px; border: 2px solid #d4d7dc; border-top: none; } #global-header .menus > ul > li.is-right-justified-submenu > ul { left: inherit; right: 0; } #global-header .menus .has-embedded-menu:hover > a { cursor: default !important; } #global-header .menus .has-embedded-menu:hover .embedded-menu { display: block !important; } #global-header .menus ul.embedded-menu { padding: 0; } #global-header .menus ul.embedded-menu li { padding-left: 30px; } #global-header .menus ul.embedded-menu li:hover > a { cursor: pointer !important; } #global-header .one-column { display: inline-block !important; } #global-header .two-column { display: none !important; } @media (min-width: 1024px) { #global-header .one-column { display: none !important; } #global-header .two-column { display: inline-block !important; } } #global-header .menus .two-column-list > li > ul { display: inline-block; vertical-align: top; } #global-header .verticals-label { padding: 10px 20px; color: #393a3d; font: 15px/20px "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 600 !important; } #global-header .menus .two-column-list hr { margin: 10px 20px; } #global-header .menus > ul > li > ul > li > a, #global-header .menus > ul > li > ul > li > ul > li a { text-align: left; display: block; padding: 0px 20px; color: #393a3d; font: 15px/20px "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; text-decoration: none; line-height: 40px; } #global-header .menus > ul > li > ul > li > a b, #global-header .menus > ul > li > ul > li > ul > li a b { color: #393a3d; } #global-header .menus > ul > li > ul > li > a:hover, #global-header .menus > ul > li > ul > li > ul > li a:hover { color: #393a3d; background-color: #eceef1; } #global-header .menus.menus-right > ul { margin-top: 5px; } #global-header .menus.menus-right > ul > li.speak-to-expert-item > ul { top: 40px; } #global-header .menus.menus-right > ul > li.speak-to-expert-item.is-right-justified-submenu > ul { top: 43px; } #global-header .menus > ul > li.is-right-justified-submenu, #global-header .menus > ul > li.free-trial-list-item, #global-header .menus > ul > li.speak-to-expert-item, #global-header .menus.menus-right > ul > li.has-divider-after:last-child { margin-left: 0px; padding-left: 16px !important; margin-right: 0px; padding-right: 16px !important; float: left; } #global-header .menus > ul > li.free-trial-list-item { padding-top: 14px; } #global-header .menus > ul > li.free-trial-list-item > ul { top: 38px; } #global-header .menus.menus-right > ul > li.has-divider-after:last-child { margin-top: 2px; } #global-header .has-divider-before, #global-header .has-divider-after { margin-right: 8px; } #global-header .has-divider-before > :first-child:before { content: ''; width: 1px; height: 31px; position: absolute; display: inline-block; border-right: 1px solid #6b6c72; top: -10px; left: -17px; } #global-header .has-divider-after > :first-child:after { content: ''; width: 1px; height: 31px; position: absolute; display: inline-block; border-right: 1px solid #6b6c72; top: -10px; left: inherit; right: -16px; } #global-header .eyebrow-link { display: inline-block; position: relative; margin-left: 20px; margin-right: 8px; } #global-header .eyebrow-link:last-child { margin-right: 0; } #global-header .eyebrow-link:first-child { margin-left: 15px; } #global-header .has-divider-before.eyebrow-link > :first-child:before { height: 20px; border-right: 1px solid #acadb3; top: 4px; left: -17px; } #global-header .has-divider-after.eyebrow-link > :first-child:after { height: 20px; border-right: 1px solid #acadb3; top: 4px; right: -16px; left: inherit; } #global-header .submenu-header-div { display: none; } #global-header hr { margin: 10px 20px; } #global-header .drawer-btn { display: none !important; } #global-header .hamburger-menu { margin-left: 16px; margin-right: 20px; } #global-header .mobile-menu-toggle { border: none; background: transparent !important; outline: none; padding: 0 0 2px 0; } #global-header .mobile-menu-toggle .bar { width: 20px; height: 3px; display: block; background-color: white !important; margin-top: 4px !important; transition: transform 0.4s; position: relative !important; } #global-header .mobile-menu-toggle .bar-top { -webkit-transform: rotate(45deg); transform: rotate(45deg); transform-origin: 10% 10%; -webkit-transform-origin: 10% 10%; } #global-header .mobile-menu-toggle .bar-middle { opacity: 0; } #global-header .mobile-menu-toggle .bar-bottom { top: -1px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 10% 90%; transform-origin: 10% 90%; } #global-header .mobile-menu-toggle.collapsed .bar-top { -webkit-transform: rotate(0); transform: rotate(0); } #global-header .mobile-menu-toggle.collapsed .bar-middle { opacity: 1; } #global-header .mobile-menu-toggle.collapsed .bar-bottom { top: 0; -webkit-transform: rotate(0); transform: rotate(0); } #global-header .drawer-open .mobile-menu-toggle { width: 20px; } #global-header .drawer-open .mobile-menu-toggle .bar-top, #global-header .drawer-open .mobile-menu-toggle .bar-bottom { width: 24px; top: 0px; height: 2px; } #global-header ~ #main { margin-top: 48px; } @media (max-width: 1024px) { #global-header ~ #main { margin-top: 48px; } } #global-header ~ #main .con-page-nav-resp.fixed .desktopView.hidden-xs, #global-header ~ #main .con-page-nav-resp.fixed .mobileView.visible-xs, #global-header ~ #main .con-page-nav-nonresp.fixed .desktopView.hidden-xs, #global-header ~ #main .con-page-nav-nonresp.fixed .mobileView.visible-xs { top: 48px; } @media (max-width: 1024px) { #global-header ~ #main .con-page-nav-resp.fixed .desktopView.hidden-xs, #global-header ~ #main .con-page-nav-resp.fixed .mobileView.visible-xs, #global-header ~ #main .con-page-nav-nonresp.fixed .desktopView.hidden-xs, #global-header ~ #main .con-page-nav-nonresp.fixed .mobileView.visible-xs { top: 48px; } } #global-header ~ .ccontainer .cpromobanner { top: 48px; } @media (max-width: 1024px) { #global-header ~ .ccontainer .cpromobanner { top: 48px; } } #global-header.eyebrow-included ~ .ccontainer .cpromobanner { top: 76px; } @media (max-width: 1024px) { #global-header.eyebrow-included ~ .ccontainer .cpromobanner { top: 48px; } } #global-header.eyebrow-included ~ #main { margin-top: 76px; } @media (max-width: 1024px) { #global-header.eyebrow-included ~ #main { margin-top: 48px; } } #global-header.eyebrow-included ~ #main .con-page-nav-resp.fixed .desktopView.hidden-xs, #global-header.eyebrow-included ~ #main .con-page-nav-resp.fixed .mobileView.visible-xs, #global-header.eyebrow-included ~ #main .con-page-nav-nonresp.fixed .desktopView.hidden-xs, #global-header.eyebrow-included ~ #main .con-page-nav-nonresp.fixed .mobileView.visible-xs { top: 76px; } @media (max-width: 1024px) { #global-header.eyebrow-included ~ #main .con-page-nav-resp.fixed .desktopView.hidden-xs, #global-header.eyebrow-included ~ #main .con-page-nav-resp.fixed .mobileView.visible-xs, #global-header.eyebrow-included ~ #main .con-page-nav-nonresp.fixed .desktopView.hidden-xs, #global-header.eyebrow-included ~ #main .con-page-nav-nonresp.fixed .mobileView.visible-xs { top: 48px; } } #global-header.non-sticky-header { position: relative; } #global-header.non-sticky-header ~ #main { margin-top: 0px; } @media (max-width: 1024px) { #global-header.non-sticky-header ~ #main { margin-top: 0px; } } #global-header.non-sticky-header ~ #main .con-page-nav-resp.fixed .desktopView.hidden-xs, #global-header.non-sticky-header ~ #main .con-page-nav-resp.fixed .mobileView.visible-xs, #global-header.non-sticky-header ~ #main .con-page-nav-nonresp.fixed .desktopView.hidden-xs, #global-header.non-sticky-header ~ #main .con-page-nav-nonresp.fixed .mobileView.visible-xs { top: 0px; } @media (max-width: 1024px) { #global-header.non-sticky-header ~ #main .con-page-nav-resp.fixed .desktopView.hidden-xs, #global-header.non-sticky-header ~ #main .con-page-nav-resp.fixed .mobileView.visible-xs, #global-header.non-sticky-header ~ #main .con-page-nav-nonresp.fixed .desktopView.hidden-xs, #global-header.non-sticky-header ~ #main .con-page-nav-nonresp.fixed .mobileView.visible-xs { top: 0px; } } #global-header.non-sticky-header ~ .ccontainer .cpromobanner { top: 0px; } @media (max-width: 1024px) { #global-header.non-sticky-header ~ .ccontainer .cpromobanner { top: 0px; } } #global-header.non-sticky-header.eyebrow-included ~ .ccontainer .cpromobanner { top: 28px; } @media (max-width: 1024px) { #global-header.non-sticky-header.eyebrow-included ~ .ccontainer .cpromobanner { top: 0px; } } #global-header.non-sticky-header.eyebrow-included ~ #main { margin-top: 28px; } @media (max-width: 1024px) { #global-header.non-sticky-header.eyebrow-included ~ #main { margin-top: 0px; } } #global-header.non-sticky-header.eyebrow-included ~ #main .con-page-nav-resp.fixed .desktopView.hidden-xs, #global-header.non-sticky-header.eyebrow-included ~ #main .con-page-nav-resp.fixed .mobileView.visible-xs, #global-header.non-sticky-header.eyebrow-included ~ #main .con-page-nav-nonresp.fixed .desktopView.hidden-xs, #global-header.non-sticky-header.eyebrow-included ~ #main .con-page-nav-nonresp.fixed .mobileView.visible-xs { top: 0px; } @media (max-width: 1024px) { #global-header.non-sticky-header.eyebrow-included ~ #main .con-page-nav-resp.fixed .desktopView.hidden-xs, #global-header.non-sticky-header.eyebrow-included ~ #main .con-page-nav-resp.fixed .mobileView.visible-xs, #global-header.non-sticky-header.eyebrow-included ~ #main .con-page-nav-nonresp.fixed .desktopView.hidden-xs, #global-header.non-sticky-header.eyebrow-included ~ #main .con-page-nav-nonresp.fixed .mobileView.visible-xs { top: 0px; } } @media (max-width: 1024px) and (min-width: 1023px) { #global-header.container-fluid .container.flex-parent { padding-left: 0px; padding-right: 4px; } #global-header .hidden-sm { display: none !important; } #global-header .hidden-lg, #global-header .hidden-md { display: block !important; } } @media (max-width: 1024px) and (min-width: 961px) { #global-header .header > .container-fluid { padding-left: 0px; padding-right: 0px; } #global-header .header > .container-fluid > .container { padding-left: 0px; padding-right: 0px; } #global-header .hamburger-menu { margin-left: 4px; } } #global-header .visible-on-mac { display: none; } .sidr.left.brand-x { background-color: #393a3d; top: 48px; width: 340px; position: fixed; } @media (max-width: 320px) { .sidr.left.brand-x { width: 320px; } } .sidr.left.brand-x .submenu-header-link { display: none; } .sidr.left.brand-x > .sidr-inner { position: relative; width: 100%; } .sidr.left.brand-x > .sidr-inner:nth-child(2) { padding-bottom: 20px; } .sidr.left.brand-x .sidr-inner .two-column-list hr { display: none; } .sidr.left.brand-x .sidr-inner .two-column-list > li { height: 100%; padding: 0px; } .sidr.left.brand-x .submenu-header-div { background-color: #393a3d; position: relative; } .sidr.left.brand-x .submenu-header-div .submenu-text, .sidr.left.brand-x .submenu-header-div > a { display: block; } .sidr.left.brand-x .submenu-header-div > a:hover { color: #d4d7dc; } .sidr.left.brand-x .sidr-inner > ul > li:first-child div { border-top: 1px solid black; } .sidr.left.brand-x .sidr-inner > ul > li > div, .sidr.left.brand-x .sidr-inner > ul > li > ul > li, .sidr.left.brand-x .sidr-inner > ul > li > ul > li > ul > li { padding: 0 20px; height: 44px; border-bottom: 1px solid black; } .sidr.left.brand-x .sidr-inner > ul > li > ul > li:first-child { padding-top: 0; } .sidr.left.brand-x .sidr-inner > ul > li > ul > hr { display: none; border: none; padding: 0; margin: 0; height: 1px; background-color: #babec5; } .sidr.left.brand-x .sidr-inner > ul > li > ul { background-color: white; overflow: hidden; -moz-transition: all 400ms ease; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .sidr.left.brand-x .sidr-inner ul > li > div .submenu-text, .sidr.left.brand-x .sidr-inner > ul > li > ul > li > a, .sidr.left.brand-x .sidr-inner .two-column-list > li > ul > li > a { font: 15px/44px "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; color: #d4d7dc !important; } .sidr.left.brand-x .sidr-inner > ul > li > ul > li > a, .sidr.left.brand-x .sidr-inner .two-column-list > li > ul > li > a { color: #393a3d !important; display: block; } .sidr.left.brand-x .sidr-inner > ul > li > ul > li > a b, .sidr.left.brand-x .sidr-inner .two-column-list > li > ul > li > a b { color: #000000; } .sidr.left.brand-x .sidr-inner > ul > li > ul > li, .sidr.left.brand-x .sidr-inner .two-column-list > li > ul > li { padding: 0 3px 0 35px; border-bottom: 1px solid #d4d7dc; color: black; } .sidr.left.brand-x .sidr-inner > ul > li > ul > li.shaded, .sidr.left.brand-x .sidr-inner .two-column-list > li > ul > li.shaded { background-color: #f4f5f8; } .sidr.left.brand-x .sidr-inner > ul > li > div { padding-left: 35px; } .sidr.left.brand-x .sidr-inner li.multi-line { padding: 10px 3px 10px 35px; line-height: normal; height: auto; } @media (max-width: 767px) { .sidr.left.brand-x .sidr-inner > ul > li > div, .sidr.left.brand-x .sidr-inner > ul > li > ul > li, .sidr.left.brand-x .sidr-inner .two-column-list > li > ul > li, .sidr.left.brand-x .sidr-inner li.multi-line { padding-left: 20px; } } .sidr.left.brand-x .sidr-inner li.multi-line a { line-height: normal !important; display: inline-block; padding: 0; color: black; text-decoration: none; } .sidr.left.brand-x .sidr-inner li.multi-line ul { max-height: none !important; border: none; display: block !important; } .sidr.left.brand-x .sidr-inner li.multi-line ul li { border: none; } .sidr.left.brand-x .sidr-inner li.has-embedded-menu > a { padding-bottom: 5px; } .sidr.left.brand-x .sidr-inner li.has-embedded-menu ul > li:last-child { padding-bottom: 0; } .sidr.left.brand-x .sidr-inner .menus > li div:first-child { background-color: #393a3d; position: relative; } .sidr.left.brand-x .sidr-inner > ul > li > div .submenu-arrow { transform: none; background-image: none; display: inline-block; width: 12px; height: 12px; border-top: 2px solid #d4d7dc; border-right: 2px solid #d4d7dc; position: absolute; right: 18px; top: 14px; -moz-transition: all 400ms ease; -webkit-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; } .sidr.left.brand-x .sidr-inner > ul > li > div .submenu-arrow.down { -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); } .sidr.left.brand-x .sidr-inner > ul > li > div .submenu-arrow.up { top: 20px; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sidr.left.brand-x .sidr-inner > ul > li > div > span { cursor: pointer; } .sidr.left.brand-x .one-column { display: block; } .sidr.left.brand-x .two-column { display: none; } @media (min-width: 1024px) { .sidr.left.brand-x .one-column { display: none; } .sidr.left.brand-x .two-column { display: block; } } .sidr.left.brand-x .verticals-label { line-height: 43px; } .sidr.left.brand-x .mobile-button-list-item { text-align: center; margin-top: 20px; } .sidr.left.brand-x .mobile-button-link { width: 180px; text-align: center; } .sidr.left.brand-x .mobile-button-link.ctatertiary2 { border-radius: 2px; } @media (max-width: 1024px) { .sidr.left.brand-x .hide-mobile-button-list-item { display: none !important; } } .sidr.left.brand-x ~ #simplemodal-overlay.show { z-index: 1010 !important; } .sidr.left.brand-x ~ #simplemodal-container.show { z-index: 1010 !important; } .sidr.left.brand-x .visible-on-mac { display: none; } @media (max-width: 1024px) and (min-width: 1023px) { .sidr.left.brand-x .hidden-sm { display: none !important; } .sidr.left.brand-x .hidden-lg, .sidr.left.brand-x .hidden-md { display: block !important; } } footer { margin-top: 0; } section.r-site-footer.resp-site-footer { font: normal 14px/16px "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; padding: 0; } section.r-site-footer.resp-site-footer .content-container { padding: 0 10px !important; width: 960px; } @media (max-width: 960px) { section.r-site-footer.resp-site-footer .content-container { width: 100%; } } section.r-site-footer.resp-site-footer a, section.r-site-footer.resp-site-footer ul li, section.r-site-footer.resp-site-footer ul li a { font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; } section.r-site-footer.resp-site-footer #isearch { height: initial; } section.r-site-footer.resp-site-footer form { height: 28px; position: relative; top: -9px; } section.r-site-footer.resp-site-footer #accordion { background: #393a3d; padding: 60px 0; color: #d4d7dc; } section.r-site-footer.resp-site-footer .p3 { font-size: 12px; line-height: 16px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; color: #393a3d; color: #d4d7dc !important; font-weight: 600; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } section.r-site-footer.resp-site-footer h5 { font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 600; font-size: 15px; line-height: 20px; color: #393a3d ; font: bold 15px/20px "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; color: #d4d7dc !important; padding: 0 0 16px 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (min-width: 768px) and (max-width: 991px) { section.r-site-footer.resp-site-footer h5 { font-size: 15px; line-height: 20px; } } section.r-site-footer.resp-site-footer .r-footer-propertylinks ul li { padding: 0; } section.r-site-footer.resp-site-footer .r-footer-global p a:hover, section.r-site-footer.resp-site-footer .rfooter-legal-links ul li a:hover, section.r-site-footer.resp-site-footer .r-footer-company ul li a:hover, section.r-site-footer.resp-site-footer .r-footer-propertylinks ul li a:hover { text-decoration: underline; } section.r-site-footer.resp-site-footer .r-footer-social ul { position: absolute; right: -4px; top: -42px; } section.r-site-footer.resp-site-footer .r-footer-social ul li { background-color: #393a3d !important; padding: 0 4px; width: auto; margin-left: 0; } section.r-site-footer.resp-site-footer .r-footer-social ul li a span { width: 20px; height: 20px; } section.r-site-footer.resp-site-footer .r-footer-social ul li .footer-icon-facebook { background-position: -560px -880px; } section.r-site-footer.resp-site-footer .r-footer-social ul li .footer-icon-facebook:hover { background-position: -560px -910px; } section.r-site-footer.resp-site-footer .r-footer-social ul li .footer-icon-twitter { background-position: -590px -880px; } section.r-site-footer.resp-site-footer .r-footer-social ul li .footer-icon-twitter:hover { background-position: -590px -910px; } section.r-site-footer.resp-site-footer .r-footer-social ul li .footer-icon-gplus { background-position: -620px -880px; } section.r-site-footer.resp-site-footer .r-footer-social ul li .footer-icon-gplus:hover { background-position: -620px -910px; } section.r-site-footer.resp-site-footer .r-footer-social ul li .footer-icon-youtube { background-position: -650px -880px; } section.r-site-footer.resp-site-footer .r-footer-social ul li .footer-icon-youtube:hover { background-position: -650px -910px; } section.r-site-footer.resp-site-footer .r-footer-social ul li .footer-icon-linkedin { background-position: -680px -880px; } section.r-site-footer.resp-site-footer .r-footer-social ul li .footer-icon-linkedin:hover { background-position: -680px -910px; } section.r-site-footer.resp-site-footer .r-footer-social ul li .footer-icon-instagram { background-position: -740px -880px; } section.r-site-footer.resp-site-footer .r-footer-social ul li .footer-icon-instagram:hover { background-position: -740px -910px; } section.r-site-footer.resp-site-footer .r-footer-global .footer-icon-global { background-position: 0 -930px; } section.r-site-footer.resp-site-footer .r-footer-company ul { text-align: left; } section.r-site-footer.resp-site-footer .r-footer-company ul li { padding: 0 0 0 8px; } section.r-site-footer.resp-site-footer .r-footer-company ul li:first-child { padding: 0; } section.r-site-footer.resp-site-footer .r-footer-company ul li.is-first-on-desktop:before { display: none; } section.r-site-footer.resp-site-footer .rfooter-legal { padding: 60px 0 31px 0 !important; background-color: #0077c5; } section.r-site-footer.resp-site-footer .rfooter-legal .row:last-of-type { margin: 0 !important; padding: 0 0 25px 0; } section.r-site-footer.resp-site-footer .rfooter-legal-links { position: relative; top: 10px; } section.r-site-footer.resp-site-footer .rfooter-legal-links ul li:first-child:before { display: none; } section.r-site-footer.resp-site-footer .rfooter-legal-links ul li:last-of-type { margin-right: 0; } section.r-site-footer.resp-site-footer .r-footer-global { text-align: right; } section.r-site-footer.resp-site-footer .r-footer-global > .ctext > p > a { display: inline-block; white-space: nowrap; width: auto; margin-right: 0; padding: 7px 0 0 37px; position: relative; top: -5px; } section.r-site-footer.resp-site-footer .rfooter-brand { margin-left: -3px; } section.r-site-footer.resp-site-footer .rfooter-copyright p { font-size: 12px; line-height: 16px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; color: #393a3d; color: white; /* display: inline-block; */ max-width: 537px; font: normal 14px/16px "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; text-align: left; } section.r-site-footer.resp-site-footer .footer-legal-truste-logo-container { position: relative; top: 13px; } section.r-site-footer.resp-site-footer .footer-legal-truste-logo-container a { display: inline-block; background-image: url('https://quickbooks.intuit.com/etc/designs/harmony/images/truste-logo.png'); width: 114px !important; height: 40px !important; background-size: cover; } section.r-site-footer.resp-site-footer .dotspace ul li:before { content: "\007C"; margin-right: 12px; color: #d4d7dc; } section.r-site-footer.resp-site-footer .search-submit-button { top: -27px; left: 190px; background-position: 6px -956px; background-color: white; display: block; width: 30px; height: 27px; padding: 0; margin: 0 0 0; border: none; border-radius: 0 2px 2px 0; } section.r-site-footer.resp-site-footer .search-intuit { font-size: 12px; line-height: 16px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; color: #393a3d; color: #8d9096; font-style: normal; width: 190px; outline: initial; border: initial; -webkit-appearance: button; -moz-appearance: button; border-top-right-radius: 0; border-bottom-right-radius: 0; } section.r-site-footer.resp-site-footer .interspace_divider { border-top-color: #d4d7dc; margin: 35px 0 30px; } @media (min-width: 992px) { section.r-site-footer.resp-site-footer #accordion { padding-bottom: 4px; } section.r-site-footer.resp-site-footer .r-footer-global, section.r-site-footer.resp-site-footer .r-footer-company { position: relative; top: -59px; right: -236px; } section.r-site-footer.resp-site-footer .r-footer-global { right: auto; } } @media (min-width: 768px) and (max-width: 991px) { section.r-site-footer.resp-site-footer .r-footer-global, section.r-site-footer.resp-site-footer .r-footer-company { top: -21px; } section.r-site-footer.resp-site-footer #accordion { padding-bottom: 17px; } section.r-site-footer.resp-site-footer .rfooter-legal { padding-top: 40px !important; } } @media (max-width: 767px) { section.r-site-footer.resp-site-footer .content-container { padding: 0 !important; } section.r-site-footer.resp-site-footer #accordion { padding: 0; } section.r-site-footer.resp-site-footer form { display: none; } section.r-site-footer.resp-site-footer .r-footer-propertylinks h5, section.r-site-footer.resp-site-footer .r-footer-propertylinks ul li { font-size: 15px; line-height: 20px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; color: #393a3d; color: #d4d7dc !important; padding: 0 20px !important; background: #393a3d none; border-bottom: 1px solid black; position: relative; font: 15px/44px bold "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; height: 44px; margin: 0 !important; line-height: 44px !important; cursor: pointer !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } section.r-site-footer.resp-site-footer .r-footer-propertylinks ul { margin-left: 0; } section.r-site-footer.resp-site-footer .r-footer-propertylinks ul li { border-bottom: 1px solid #393a3d; background: black; } section.r-site-footer.resp-site-footer .r-footer-propertylinks ul li a { font-size: 15px; line-height: 20px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; color: #393a3d; color: #d4d7dc !important; font-weight: 600; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } section.r-site-footer.resp-site-footer .r-footer-propertylinks :not(.r-footer-social) .ctext:after { content: ''; display: block; width: 12px; height: 12px; border-top: 2px solid #d4d7dc; border-right: 2px solid #d4d7dc; -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); position: absolute; right: 23px; top: 14px; -moz-transition: all 200ms ease; -webkit-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } section.r-site-footer.resp-site-footer .r-footer-propertylinks :not(.r-footer-social) .ctext.is-open:after { content: ''; display: inline-block; width: 12px; height: 12px; border-top: 2px solid #d4d7dc; border-right: 2px solid #d4d7dc; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; right: 23px; top: 20px; -moz-transition: all 400ms ease; -webkit-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; } section.r-site-footer.resp-site-footer .r-footer-social .ctext { text-align: center; } section.r-site-footer.resp-site-footer .r-footer-social ul { position: static; top: 0; padding-top: 28px; padding-bottom: 33px; display: inline-block; } section.r-site-footer.resp-site-footer .r-footer-social ul li { padding: 0 4px !important; } section.r-site-footer.resp-site-footer .r-footer-company { position: absolute; right: 0; left: 0; bottom: 72px; } section.r-site-footer.resp-site-footer .interspace_divider { margin: 54px 0 30px; } section.r-site-footer.resp-site-footer .r-footer-global { text-align: start; padding-bottom: 38px; padding-top: 5px; } section.r-site-footer.resp-site-footer .rfooter-legal-links { position: static; margin: 28px 0 19px 0 !important; } section.r-site-footer.resp-site-footer .r-footer-company ul li.is-first-on-mobile:before { display: none; } section.r-site-footer.resp-site-footer .rfooter-brand { background-image: none !important; background-position: 0 0 !important; text-indent: 0 !important; height: 35px !important; width: 100%; text-align: center; } section.r-site-footer.resp-site-footer .rfooter-brand a { display: inline-block !important; background-image: url('https://quickbooks.intuit.com/etc/designs/harmony/images/intuit-logo-mobile-white-strokes.svg'); width: 223px !important; height: 35px !important; background-size: cover; } section.r-site-footer.resp-site-footer .rfooter-legal { padding: 40px 0 0 0 !important; } section.r-site-footer.resp-site-footer .rfooter-legal .row { margin: 0 !important; } section.r-site-footer.resp-site-footer .rfooter-legal .row:last-of-type { padding: 0; } section.r-site-footer.resp-site-footer .rfooter-copyright .ctext { text-align: center; } section.r-site-footer.resp-site-footer .rfooter-copyright p { max-width: 424px; text-align: center; } section.r-site-footer.resp-site-footer .footer-legal-truste-logo-container { position: static; text-align: center !important; margin-top: 40px !important; margin-bottom: 36px !important; } } section.r-site-footer.resp-site-footer .r-footer-global.footer-icon-au a.footer-icon-global { background-position: -305px -896px; } section.r-site-footer.resp-site-footer .r-footer-global.footer-icon-br a.footer-icon-global { background-position: -305px -921px; } section.r-site-footer.resp-site-footer .r-footer-global.footer-icon-ca a.footer-icon-global { background-position: -305px -849px; } section.r-site-footer.resp-site-footer .r-footer-global.footer-icon-fr a.footer-icon-global { background-position: -305px -946px; } section.r-site-footer.resp-site-footer .r-footer-global.footer-icon-in a.footer-icon-global { background-position: -305px -971px; } section.r-site-footer.resp-site-footer .r-footer-global.footer-icon-uk a.footer-icon-global { background-position: -305px -873px; } section.r-site-footer.resp-site-footer .r-footer-global.footer-icon-us a.footer-icon-global { background-position: -305px -928px; } section.r-site-footer.resp-site-footer .r-footer-global.footer-icon-au .footer-icon-global, section.r-site-footer.resp-site-footer .r-footer-global.footer-icon-br .footer-icon-global, section.r-site-footer.resp-site-footer .r-footer-global.footer-icon-ca .footer-icon-global, section.r-site-footer.resp-site-footer .r-footer-global.footer-icon-fr .footer-icon-global, section.r-site-footer.resp-site-footer .r-footer-global.footer-icon-in .footer-icon-global, section.r-site-footer.resp-site-footer .r-footer-global.footer-icon-uk .footer-icon-global, section.r-site-footer.resp-site-footer .r-footer-global.footer-icon-us .footer-icon-global { padding-bottom: 16px !important; } section.r-site-footer.resp-site-footer.ba-site-footer section.ccontainer.r-footer-propertylinks.footer-blacktext div div.span3.col-md-3.col-sm-3.col-xs-12 section div ul { font-size: 12px; line-height: 24px; padding-top: 0; } section.r-site-footer.resp-site-footer.ba-site-footer .rfooter-brand { margin-left: 0; } section.r-site-footer.resp-site-footer.ba-site-footer section.ccontainer.None.rfooter-legal-links.dotspace .ctext ul li { line-height: 0; padding-bottom: 0; } section.r-site-footer.resp-site-footer.ba-site-footer .r-footer-propertylinks .p3 { line-height: 24px; } section.r-site-footer.resp-site-footer.ba-site-footer .rfooter-copyright .p3 { color: #ffffff !important; } section.r-site-footer.resp-site-footer.ba-site-footer .rfooter-copyright p + p span.p3 { font-weight: normal !important; } section.r-site-footer.resp-site-footer.ba-site-footer .rfooter-legal { padding: 60px 0 !important; } section.r-site-footer.resp-site-footer.ba-site-footer .rfooter-legal .rfooter-legal-links ul { line-height: 0; padding-top: 2px; } section.r-site-footer.resp-site-footer.ba-site-footer .rfooter-legal .rfooter-legal-links ul.hide-last-item > li:last-child { display: none; } section.r-site-footer.resp-site-footer.ba-site-footer .rfooter-legal .rfooter-legal-links ul > li + div { display: none; } section.r-site-footer.resp-site-footer.ba-site-footer .rfooter-legal .rfooter-legal-links ul li a { font-size: 12px !important; } section.r-site-footer.resp-site-footer.ba-site-footer .rfooter-legal .rfooter-legal-links.multi-line ul li a { line-height: 24px; } section.r-site-footer.resp-site-footer.ba-site-footer .rfooter-legal .row { margin: 0 0 40px 0; } section.r-site-footer.resp-site-footer.ba-site-footer .footer-legal-truste-logo-container { top: 4px; } section.r-site-footer.resp-site-footer.ba-site-footer .rfooter-legal .row:last-of-type { padding: 0; } section.r-site-footer.resp-site-footer.ba-site-footer section.ccontainer.r-footer-propertylinks.footer-blacktext .row.resp_grid.grid-container-100 { padding-bottom: 16px; } section.r-site-footer.resp-site-footer.ba-site-footer .rfooter-legal .rfooter-brand { background-position: 0 -858px; width: 280px; } @media (max-width: 767px) { section.r-site-footer.resp-site-footer.ba-site-footer .interspace_divider { width: 87%; margin: 54px auto 0 auto; } section.r-site-footer.resp-site-footer.ba-site-footer .rfooter-legal { padding: 40px 24px 0 24px !important; } section.r-site-footer.resp-site-footer.ba-site-footer .rfooter-legal .rfooter-brand { width: 100% !important; } section.r-site-footer.resp-site-footer.ba-site-footer .r-footer-social ul { padding-top: 20px; padding-bottom: 28px; } section.r-site-footer.resp-site-footer.ba-site-footer .rfooter-legal-links { margin: 38px 0 39px 0 !important; } section.r-site-footer.resp-site-footer.ba-site-footer .r-site-footer .r-footer-social { margin: 0 0 26px 0; } section.r-site-footer.resp-site-footer.ba-site-footer .r-footer-global { padding-bottom: 40px; padding-top: 20px; } section.r-site-footer.resp-site-footer.ba-site-footer .r-footer-propertylinks :not(.r-footer-social) .ctext:after, section.r-site-footer.resp-site-footer.ba-site-footer .r-footer-propertylinks :not(.r-footer-social) .ctext.is-open:after { position: static; height: 0; border: 0; display: inline; } section.r-site-footer.resp-site-footer.ba-site-footer .r-footer-propertylinks :not(.r-footer-social) .ctext h5:after { content: ''; display: block; width: 12px; height: 12px; border-top: 2px solid #d4d7dc; border-right: 2px solid #d4d7dc; -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); position: absolute; right: 23px; top: 14px; -moz-transition: all 200ms ease; -webkit-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } section.r-site-footer.resp-site-footer.ba-site-footer .r-footer-propertylinks :not(.r-footer-social) .ctext.is-open h5:after { transform: rotate(-45deg); top: 20px; } section.r-site-footer.resp-site-footer.ba-site-footer .row-break { display: none; } } @media (min-width: 992px) { section.r-site-footer.resp-site-footer.ba-site-footer #accordion { padding-bottom: 0; padding-top: 60px; } section.r-site-footer.resp-site-footer.ba-site-footer.no-search-field .r-footer-company { right: 0; } section.r-site-footer.resp-site-footer.ba-site-footer.no-search-field .r-footer-company > .ctext > ul { margin-left: 0px; } section.r-site-footer.resp-site-footer.ba-site-footer .rfooter-legal { padding: 60px 0 !important; } } @media (min-width: 768px) and (max-width: 991px) { section.r-site-footer.resp-site-footer.ba-site-footer .rfooter-legal { padding: 40px 24px !important; } section.r-site-footer.resp-site-footer.ba-site-footer #accordion { padding: 36px 24px 14px 24px; } } section.r-site-footer.resp-site-footer.ba-site-footer #isearch { height: 54px; } @media (min-width: 992px) { .msie section.r-site-footer.resp-site-footer .r-footer-global, .msie section.r-site-footer.resp-site-footer .r-footer-company { position: relative; top: -7px; } .msie section.r-site-footer.resp-site-footer #accordion { padding-bottom: 60px; } } @media (min-width: 768px) and (max-width: 991px) { .msie section.r-site-footer.resp-site-footer .r-footer-global, .msie section.r-site-footer.resp-site-footer .r-footer-company { top: 31px; } .msie section.r-site-footer.resp-site-footer #accordion { padding-bottom: 70px; } } @media (min-width: 992px) { .msie section.r-site-footer.resp-site-footer.ba-site-footer .r-footer-global, .msie section.r-site-footer.resp-site-footer.ba-site-footer .r-footer-company { top: -59px; } } .chero-layers { height: 300px; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale; } .chero-layers .bg-black { background-color: #000000; } .chero-layers .bg-charcoal-grey { background-color: #393a3d; } .chero-layers .bg-layer { z-index: 1; position: absolute; width: 100%; height: 300px; margin-left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .chero-layers .bg-layer .bg-img { background-repeat: no-repeat; background-position: center; height: 300px; max-height: 300px; overflow: hidden; } @media only screen and (max-width: 767px) { .chero-layers .bg-layer .bg-xs-center { margin-left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } } @media only screen and (min-width: 768px) and (max-width: 991px) { .chero-layers .bg-layer .bg-sm-center { margin-left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } } @media only screen and (min-width: 992px) { .chero-layers .bg-layer .bg-md-center { margin-left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } } .chero-layers .overlay-layer { z-index: 2; position: absolute; width: 100%; max-width: 1600px; height: 300px; margin-left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .chero-layers .overlay-layer .container-fluid { width: 100%; padding: 0; } @media only screen and (max-width: 767px) { .chero-layers .overlay-layer .container-fluid { padding: 0; } .chero-layers .overlay-layer .container-fluid .hide-xs { display: none !important; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .chero-layers .overlay-layer .container-fluid .hide-sm { display: none !important; } } @media only screen and (min-width: 992px) { .chero-layers .overlay-layer .container-fluid .hide-md { display: none !important; } } .chero-layers .overlay-layer .container-fluid .overlay-bg { height: 300px; } .chero-layers .overlay-layer .container-fluid .overlay-opacity-std { opacity: 0.5; } .chero-layers .content-layer { z-index: 3; position: absolute; width: 100%; height: auto; } /* body > section:nth-of-type(1) div.bg.None { display: none; } .cpromobanner img { display: block; height: 48px; width: 100%; object-fit: cover; position: absolute; @media (max-width: 480px) { object-fit: fill; } } .cpromobanner a { display: block; height: 0; padding-bottom: 48px; }*/ body.modal-open { position: fixed; width: 100%; } body.modal-open .global-header-resp { z-index: auto; } .version-selection-modal { width: 100%; border: 1px solid lightgrey; box-sizing: border-box; margin: 0; padding: 20px; } .version-selection-modal h2 { margin: 0; padding: 0 0 40px; } .version-selection-modal .cradio_selection { padding: 40px 0 0; } .version-selection-modal .cradio_selection_option_label { font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 600; font-size: 15px; line-height: 20px; color: #393a3d ; font-size: 15px !important; line-height: 20px !important; margin-left: 0 !important; } @media (min-width: 768px) and (max-width: 991px) { .version-selection-modal .cradio_selection_option_label { font-size: 15px; line-height: 20px; } } .version-selection-modal input { margin: 0 0 0 80px; } .version-selection-modal label { font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; font-weight: 600; font-size: 15px; line-height: 20px; color: #393a3d ; position: relative; max-width: 555px; white-space: normal !important; padding-left: 8px; vertical-align: top; top: -1px; } @media (min-width: 768px) and (max-width: 991px) { .version-selection-modal label { font-size: 15px; line-height: 20px; } } .version-selection-modal label span { font-size: 12px; line-height: 16px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; color: #393a3d; font-weight: normal; } .version-selection-modal .ccta { min-width: initial; } .version-selection-modal form > div { background-color: #f4f5f8; } .version-selection-modal form > div:nth-child(1) { background-color: white; } .version-selection-modal form > div:nth-child(2) { padding: 28px 20px 0; margin: 0 -20px -7px; } .version-selection-modal form > div:nth-child(2) label { margin-left: 95px !important; top: -18px; } .version-selection-modal.single-row-text-options form > div:nth-child(2) label { margin-left: 0px !important; margin-bottom: 17px; top: 0px; } .version-selection-modal form > div:nth-child(3) { padding: 0 20px 28px; margin: 0 -20px 0; white-space: nowrap !important; } .version-selection-modal form > div:nth-child(3) label { white-space: normal !important; } .version-selection-modal .cradio_selection_bottom_text { padding-top: 20px; } .version-selection-modal .cradio_selection_bottom_text h3 { font-size: 15px; line-height: 20px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; color: #393a3d; font-weight: normal; } .version-selection-modal .cradio_selection_bottom_text .ctext { float: none; z-index: initial; position: static; margin: 0; } .version-selection-modal .cradio_selection_cta_group { text-align: center; padding: 40px 0; float: none !important; } @media (min-width: 320px) { .version-selection-modal .container { width: auto; } } @media (max-width: 480px) { .version-selection-modal input { margin: 0; } .version-selection-modal .breakline { display: block; } .version-selection-modal form > div:nth-child(2) label { margin-left: 20px !important; top: -20px !important; } } @media (max-width: 1024px) { .version-selection-modal.single-row-text-options form > div:nth-child(2) label, .version-selection-modal form > div:nth-child(3) label { top: -3px !important; } } .msie .version-selection-modal form > div:nth-child(2) label { top: -20px !important; } .msie .version-selection-modal form > div:nth-child(3) label { top: -3px !important; } .msie .version-selection-modal .ccta { text-align: center; } .add-payroll-modal { width: 100%; border: 1px solid lightgrey; box-sizing: border-box; margin: 0; padding: 60px 20px 20px; } .add-payroll-modal h2 { margin: 0; padding: 0 0 40px; } .add-payroll-modal .ccta { min-width: initial; } .add-payroll-modal .cpricing-card { margin-bottom: 0; } .add-payroll-modal .cpricing-card .pricing-card-header p, .add-payroll-modal .cpricing-card .pricing-card-header p span { font-size: 19px; line-height: 24px; } .add-payroll-modal .pricing-card-content { padding: 7px 20px 34px !important; } .add-payroll-modal .pricing-card-content > .ccontainer { text-align: center; padding-top: 33px; } .add-payroll-modal .section-header { padding: 0 0 40px; } .add-payroll-modal .section-header .h2 { font-size: 32px !important; line-height: 36px !important; } .add-payroll-modal .section-header p, .add-payroll-modal .section-main > .ctext > p { font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; } .add-payroll-modal .section-header p { font-size: 15px !important; line-height: 20px !important; } .add-payroll-modal .section-main > .ctext > p { height: 60px; line-height: 60px !important; font-size: 19px !important; } .add-payroll-modal .section-main .cpricing-card-lineups + .ccta { display: block; padding: 28px 0; } .add-payroll-modal .eCommerce-product-div .price { margin-top: 0 !important; } .add-payroll-modal .eCommerce-product-div .aw, .add-payroll-modal .eCommerce-product-div .price, .add-payroll-modal .eCommerce-product-div .red-price-text { font-size: 32px !important; line-height: 36px !important; } .add-payroll-modal .eCommerce-product-div .line-through { top: 22px !important; width: 111% !important; } .add-payroll-modal .eCommerce-product-div .offer-text { font-size: 12px !important; line-height: 16px !important; } .add-payroll-modal .cdisclosure { padding: 20px 0; } .add-payroll-modal .cdisclosure .toggle-disclosure { padding: 20px 0 16px; font-size: 12px; line-height: 16px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; color: #393a3d; line-height: 16px !important; color: #0077c5; height: auto; } .add-payroll-modal .cdisclosure .cdisclosure-content { margin-top: 0; padding: 0 0 20px; } @media (max-width: 767px) { .add-payroll-modal .cpricing-card { margin-bottom: 20px; } .add-payroll-modal .cpricing-card.collapsed { margin-bottom: 48px; } .add-payroll-modal .col-sm-4:nth-of-type(3) > .cpricing-card { margin-bottom: 0 !important; } .add-payroll-modal .col-sm-4:nth-of-type(3) > .cpricing-card.collapsed { margin-bottom: 28px !important; } .add-payroll-modal .cpricing-card-lineups [class*="col-"] { padding: 0 20px; } } @media (min-width: 320px) { .add-payroll-modal .container { width: auto; } } @media (max-width: 480px) { .add-payroll-modal .breakline { display: block; } } .msie .add-payroll-modal .ccta { text-align: center; } /* for all grid-horizontal comoponents */ .subsection_row, a.subsection_row { margin: 20px 0; } .grid-horizontal-image-text { margin-top: 20px; margin-bottom: 20px; } .grid-horizontal-image-text .line-through { top: 19px !important; width: 112% !important; left: -2px !important; } .grid-horizontal-image-text.grid_h_image_pricing { /* If there is an intermediate subhead following this, move it down a bit */ } .grid-horizontal-image-text.grid_h_image_pricing .cright { padding-left: 60px; } .grid-horizontal-image-text.grid_h_image_pricing .cright .ctext { padding-bottom: 28px; } .grid-horizontal-image-text.grid_h_image_pricing .eCommerce-product-div .image-price-container .price-container span.per { top: 24px; } .grid-horizontal-image-text.grid_h_image_pricing .eCommerce-product-div .blue-button { margin: 28px 0 0 0; text-align: left; } .grid-horizontal-image-text.grid_h_image_pricing .eCommerce-product-div .blue-button a.ctasecondary { background-color: #2ca01c; } .grid-horizontal-image-text.grid_h_image_pricing .eCommerce-product-div .pricing-section { margin: 4px 0 0 0; } .grid-horizontal-image-text.grid_h_image_pricing .eCommerce-product-div .pricing-section .ct { top: -18px; } .grid-horizontal-image-text.grid_h_image_pricing .eCommerce-product-div .offer-text { text-align: left; } .grid-horizontal-image-text.grid_h_image_pricing + section.ss-intermediate-subhead { margin-top: 60px; } @media only screen and (min-width: 768px) { .grid-horizontal-image-text.ifull-bleed { margin: 0 -999px; padding: 0 999px; } /* Use flex for Tablet and Desktop to correctly vertical align text center to image */ .grid-horizontal-image-text.grid_h_image_pricing div.row { display: -webkit-flex; /* Safari */ display: flex; -webkit-align-items: center; /* Safari 7.0+ */ align-items: center; } } /* Tablet (between 768px and 991px) */ @media only screen and (min-width: 768px) and (max-width: 991px) { .grid-horizontal-image-text.grid_h_image_pricing { /* If there is an intermediate subhead following this, restore the original spacing */ } .grid-horizontal-image-text.grid_h_image_pricing + section.ss-intermediate-subhead { margin-top: 40px; } .grid-horizontal-image-text.grid_h_image_pricing .pricing-section .line-through { top: 19px !important; } .grid-horizontal-image-text.grid_h_image_pricing .pricing-section .ct { top: -8px !important; } .grid-horizontal-image-text.grid_h_image_pricing .pricing-section span.per { top: 14px !important; } } @media only screen and (max-width: 767px) { .grid-horizontal-image-text.ifull-bleed { margin: 20px -40px; padding: 0 20px; } .grid-horizontal-image-text.grid_h_image_pricing { /* If there is an intermediate subhead following this, restore the original spacing */ } .grid-horizontal-image-text.grid_h_image_pricing .pricing-section .line-through { top: 19px !important; } .grid-horizontal-image-text.grid_h_image_pricing .pricing-section .ct { top: -14px !important; } .grid-horizontal-image-text.grid_h_image_pricing .pricing-section span.per { top: 14px !important; } .grid-horizontal-image-text.grid_h_image_pricing .cright { padding-left: 0; } .grid-horizontal-image-text.grid_h_image_pricing .cright .ctext { padding-top: 28px; padding-bottom: 20px; } .grid-horizontal-image-text.grid_h_image_pricing .cright .ctext, .grid-horizontal-image-text.grid_h_image_pricing .cright .ctext p { text-align: center; } .grid-horizontal-image-text.grid_h_image_pricing .eCommerce-product-div .blue-button { text-align: center; } .grid-horizontal-image-text.grid_h_image_pricing .eCommerce-product-div .pricing-section { margin: 0 auto; } .grid-horizontal-image-text.grid_h_image_pricing .eCommerce-product-div .offer-text { text-align: center; } .grid-horizontal-image-text.grid_h_image_pricing + section.ss-intermediate-subhead { margin-top: 40px; } } .grid-image-text.g_vertical_align_image { padding: 20px 0; /* Use flex for Tablet and Desktop to correctly vertical align images to baseline and sets child columns to same height */ /* Tablet (between 768px and 991px) */ /* Phone */ } .grid-image-text.g_vertical_align_image div.row { padding: 20px 0 20px 0; } .grid-image-text.g_vertical_align_image div.row div[class*="col-"] div.cimage img { max-width: 340px; overflow: hidden; padding-bottom: 20px; } .grid-image-text.g_vertical_align_image div.row div[class*="col-"] > div.ctext { padding: 0 16px 0 16px; text-align: center; } .grid-image-text.g_vertical_align_image div.row div[class*="col-"] div.cimage { display: -webkit-flex; /* Safari */ display: flex; -webkit-align-items: flex-end; /* Safari 7.0+ */ align-items: flex-end; } .grid-image-text.g_vertical_align_image div.row:first-child { padding-top: 0; } .grid-image-text.g_vertical_align_image div.row:last-child { padding-bottom: 0; } .grid-image-text.g_vertical_align_image div.row:only-child { padding-bottom: 0; } .grid-image-text.g_vertical_align_image > div.ctext { padding-top: 20px; } @media only screen and (min-width: 768px) { .grid-image-text.g_vertical_align_image div.row { display: -webkit-flex; /* Safari */ display: flex; -webkit-align-items: baseline; /* Safari 7.0+ */ align-items: baseline; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .grid-image-text.g_vertical_align_image .row [class*="col-"] > .ctext > p { padding-bottom: 0; } } @media only screen and (max-width: 767px) { .grid-image-text.g_vertical_align_image { /* If there is an intermediate subhead following this, move it up a bit */ } .grid-image-text.g_vertical_align_image div.row { padding: 0; } .grid-image-text.g_vertical_align_image div.row div[class*="col-"] { padding-top: 40px; } .grid-image-text.g_vertical_align_image div.row:first-child div[class*="col-"]:first-child { padding-top: 0; } .grid-image-text.g_vertical_align_image + section.ss-intermediate-subhead { margin-top: -20px; } .grid-image-text.g_vertical_align_image > div.ctext { padding-top: 40px; } } .grid-image-text.g_vertical_align_image.text-only-3x1 div.row div[class*="col-"] > div.ctext { padding: 0 16px 0 16px; text-align: center; } .grid-image-text.g_vertical_align_image.image-text-hover-4-columns { /* Tablet (between 768px and 1023px) */ /* Spacing fix for tablet bigger than iPad's 768px */ /* Phone */ } .grid-image-text.g_vertical_align_image.image-text-hover-4-columns div.row { padding: 0 0 20px 0; display: -webkit-flex; display: flex; -webkit-align-items: stretch; align-items: stretch; } .grid-image-text.g_vertical_align_image.image-text-hover-4-columns div.row div[class*="col-"] { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; } .grid-image-text.g_vertical_align_image.image-text-hover-4-columns div.row div[class*="col-"] > .cimage img { padding-bottom: 0; width: 144px; } .grid-image-text.g_vertical_align_image.image-text-hover-4-columns div.row div[class*="col-"] > div.ctext { -webkit-flex-grow: 2; flex-grow: 2; background-color: #2ca01c; padding: 20px 8px 20px 8px; text-align: center; } .grid-image-text.g_vertical_align_image.image-text-hover-4-columns div.row div[class*="col-"] > div.ctext h4 { color: #fff; } .grid-image-text.g_vertical_align_image.image-text-hover-4-columns div.row div[class*="col-"] > div.ctext p { padding-top: 16px; color: #fff; } .grid-image-text.g_vertical_align_image.image-text-hover-4-columns div.row div[class*="col-"] > div.ctext:hover { background-color: #393a3d; } .grid-image-text.g_vertical_align_image.image-text-hover-4-columns div.row div[class*="col-"] > div.ctext a { color: #fff; } .grid-image-text.g_vertical_align_image.image-text-hover-4-columns div.row div[class*="col-"] > div.ctext a:hover { text-decoration: none; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .grid-image-text.g_vertical_align_image.image-text-hover-4-columns div.row { padding: 0 32px 20px 32px; margin: 0 auto; } .grid-image-text.g_vertical_align_image.image-text-hover-4-columns div.row div[class*="col-"] { padding: 0 20px 0 0; } .grid-image-text.g_vertical_align_image.image-text-hover-4-columns div.row div[class*="col-"] > div.ctext { margin: 0 auto; width: 144px; } .grid-image-text.g_vertical_align_image.image-text-hover-4-columns div.row div[class*="col-"]:nth-child(4) { padding-right: 0; } } @media only screen and (min-width: 769px) and (max-width: 1023px) { .grid-image-text.g_vertical_align_image.image-text-hover-4-columns { padding-bottom: 0; } } @media only screen and (max-width: 767px) { .grid-image-text.g_vertical_align_image.image-text-hover-4-columns div.row { padding: 0; display: block; } .grid-image-text.g_vertical_align_image.image-text-hover-4-columns div.row div[class*="col-"] > div.ctext { margin: 0 auto; width: 144px; } } .grid-image-text.numbered-list { padding-left: 80px; padding-right: 100px; padding-bottom: 20px; /* Phone */ } @media only screen and (max-width: 767px) { .grid-image-text.numbered-list { padding-left: 40px; padding-right: 0; } .grid-image-text.numbered-list .ctext ol { margin-left: -20px; } } .header-right-col { z-index: 1001; } .icon-bg-section { background-color: #2ca01c; } .phone-icon-content { padding: 0 8px; } .phone-icon-content .p1 { line-height: 40px; } .phone-icon-content .p1, .phone-icon-content .p1 > * { white-space: nowrap; } .header-right-col .phone-icon { margin: 0; position: relative; top: 0; left: 11px; } .melody-phone-fix { margin-bottom: 0; } .melody_style_sticky { right: -155px !important; } @media (max-width: 768px) { .melody_style_sticky { right: -126px !important; } } .course-card .back h3{ color: #2ca01c; text-align: center; font-size: 15px; padding: 20px 0 15px; font-weight: bold; } /*! * Bootstrap v3.3.5 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=c44504b5d3380522ba43ecb51f366de9) * Config saved to config.json and https://gist.github.com/c44504b5d3380522ba43ecb51f366de9 *//*! * Bootstrap v3.3.6 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,*:before,*:after{/*background:transparent !important;color:#000 !important;*/-webkit-box-shadow:none !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000 !important}.label{border:1px solid #000}.table{border-collapse:collapse !important}.table td,.table th{background-color:#fff !important}.table-bordered th,.table-bordered td{border:1px solid #ddd !important}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:hover,a:focus{color:#23527c;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role="button"]{cursor:pointer}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.25)}kbd kbd{padding:0;font-size:100%;font-weight:bold;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*="col-"]{position:static;float:none;display:table-column}table td[class*="col-"],table th[class*="col-"]{position:static;float:none;display:table-cell}.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{background-color:#f5f5f5}.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr.active:hover>th{background-color:#e8e8e8}.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{background-color:#dff0d8}.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr.success:hover>th{background-color:#d0e9c6}.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th,.table>tfoot>tr.info>th{background-color:#d9edf7}.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr.info:hover>th{background-color:#c4e3f3}.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{background-color:#fcf8e3}.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr.warning:hover>th{background-color:#faf2cc}.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{background-color:#f2dede}.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr.danger:hover>th{background-color:#ebcccc}.table-responsive{overflow-x:auto;min-height:0.01%}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}fieldset{padding:0;margin:0;border:0;min-width:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:bold}input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type="file"]{display:block}input[type="range"]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{border:0;background-color:transparent}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}input[type="search"]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type="date"].form-control,input[type="time"].form-control,input[type="datetime-local"].form-control,input[type="month"].form-control{line-height:34px}input[type="date"].input-sm,input[type="time"].input-sm,input[type="datetime-local"].input-sm,input[type="month"].input-sm,.input-group-sm input[type="date"],.input-group-sm input[type="time"],.input-group-sm input[type="datetime-local"],.input-group-sm input[type="month"]{line-height:30px}input[type="date"].input-lg,input[type="time"].input-lg,input[type="datetime-local"].input-lg,input[type="month"].input-lg,.input-group-lg input[type="date"],.input-group-lg input[type="time"],.input-group-lg input[type="datetime-local"],.input-group-lg input[type="month"]{line-height:46px}}.form-group{margin-bottom:15px}.radio,.checkbox{position:relative;display:block;margin-top:10px;margin-bottom:10px}.radio label,.checkbox label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:normal;cursor:pointer}.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{position:absolute;margin-left:-20px;margin-top:4px \9}.radio+.radio,.checkbox+.checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:normal;cursor:pointer}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"].disabled,input[type="checkbox"].disabled,fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"]{cursor:not-allowed}.radio-inline.disabled,.checkbox-inline.disabled,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox-inline{cursor:not-allowed}.radio.disabled label,.checkbox.disabled label,fieldset[disabled] .radio label,fieldset[disabled] .checkbox label{cursor:not-allowed}.form-control-static{padding-top:7px;padding-bottom:7px;margin-bottom:0;min-height:34px}.form-control-static.input-lg,.form-control-static.input-sm{padding-left:0;padding-right:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}textarea.input-sm,select[multiple].input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm textarea.form-control,.form-group-sm select[multiple].form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}textarea.input-lg,select[multiple].input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg textarea.form-control,.form-group-lg select[multiple].form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.input-lg+.form-control-feedback,.input-group-lg+.form-control-feedback,.form-group-lg .form-control+.form-control-feedback{width:46px;height:46px;line-height:46px}.input-sm+.form-control-feedback,.input-group-sm+.form-control-feedback,.form-group-sm .form-control+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline,.has-success.radio label,.has-success.checkbox label,.has-success.radio-inline label,.has-success.checkbox-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;border-color:#3c763d;background-color:#dff0d8}.has-success .form-control-feedback{color:#3c763d}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline,.has-warning.radio label,.has-warning.checkbox label,.has-warning.radio-inline label,.has-warning.checkbox-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline,.has-error.radio label,.has-error.checkbox label,.has-error.radio-inline label,.has-error.checkbox-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn,.form-inline .input-group .form-control{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .radio label,.form-inline .checkbox label{padding-left:0}.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{margin-top:0;margin-bottom:0;padding-top:7px}.form-horizontal .radio,.form-horizontal .checkbox{min-height:27px}.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}@media (min-width:768px){.form-horizontal .control-label{text-align:right;margin-bottom:0;padding-top:7px}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus,.btn.focus{color:#333;text-decoration:none}.btn:active,.btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:focus,.btn-default.focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default:active:hover,.btn-default.active:hover,.open>.dropdown-toggle.btn-default:hover,.btn-default:active:focus,.btn-default.active:focus,.open>.dropdown-toggle.btn-default:focus,.btn-default:active.focus,.btn-default.active.focus,.open>.dropdown-toggle.btn-default.focus{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary:focus,.btn-primary.focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary:active:hover,.btn-primary.active:hover,.open>.dropdown-toggle.btn-primary:hover,.btn-primary:active:focus,.btn-primary.active:focus,.open>.dropdown-toggle.btn-primary:focus,.btn-primary:active.focus,.btn-primary.active.focus,.open>.dropdown-toggle.btn-primary.focus{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled.focus,.btn-primary[disabled].focus,fieldset[disabled] .btn-primary.focus{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success:focus,.btn-success.focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success:active:hover,.btn-success.active:hover,.open>.dropdown-toggle.btn-success:hover,.btn-success:active:focus,.btn-success.active:focus,.open>.dropdown-toggle.btn-success:focus,.btn-success:active.focus,.btn-success.active.focus,.open>.dropdown-toggle.btn-success.focus{color:#fff;background-color:#398439;border-color:#255625}.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled.focus,.btn-success[disabled].focus,fieldset[disabled] .btn-success.focus{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info:focus,.btn-info.focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info:active:hover,.btn-info.active:hover,.open>.dropdown-toggle.btn-info:hover,.btn-info:active:focus,.btn-info.active:focus,.open>.dropdown-toggle.btn-info:focus,.btn-info:active.focus,.btn-info.active.focus,.open>.dropdown-toggle.btn-info.focus{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled.focus,.btn-info[disabled].focus,fieldset[disabled] .btn-info.focus{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:focus,.btn-warning.focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning:active:hover,.btn-warning.active:hover,.open>.dropdown-toggle.btn-warning:hover,.btn-warning:active:focus,.btn-warning.active:focus,.open>.dropdown-toggle.btn-warning:focus,.btn-warning:active.focus,.btn-warning.active.focus,.open>.dropdown-toggle.btn-warning.focus{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled.focus,.btn-warning[disabled].focus,fieldset[disabled] .btn-warning.focus{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:focus,.btn-danger.focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger:active:hover,.btn-danger.active:hover,.open>.dropdown-toggle.btn-danger:hover,.btn-danger:active:focus,.btn-danger.active:focus,.open>.dropdown-toggle.btn-danger:focus,.btn-danger:active.focus,.btn-danger.active.focus,.open>.dropdown-toggle.btn-danger.focus{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled.focus,.btn-danger[disabled].focus,fieldset[disabled] .btn-danger.focus{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{color:#337ab7;font-weight:normal;border-radius:0}.btn-link,.btn-link:active,.btn-link.active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#777;text-decoration:none}.btn-lg,.btn-group-lg>.btn{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-sm,.btn-group-sm>.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-xs,.btn-group-xs>.btn{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-property:height, visibility;-o-transition-property:height, visibility;transition-property:height, visibility;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid \9;border-right:4px solid transparent;border-left:4px solid transparent}.dropup,.dropdown{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:14px;text-align:left;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);-webkit-background-clip:padding-box;background-clip:padding-box}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{text-decoration:none;color:#262626;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;outline:0;background-color:#337ab7}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#777}.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);cursor:not-allowed}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{left:auto;right:0}.dropdown-menu-left{left:0;right:auto}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px dashed;border-bottom:4px solid \9;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{left:auto;right:0}.navbar-right .dropdown-menu-left{left:0;right:auto}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group>.btn,.btn-group-vertical>.btn{position:relative;float:left}.btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-left:12px;padding-right:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-right-radius:0;border-top-left-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{float:none;display:table-cell;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle="buttons"]>.btn input[type="radio"],[data-toggle="buttons"]>.btn-group>.btn input[type="radio"],[data-toggle="buttons"]>.btn input[type="checkbox"],[data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"]{position:absolute;clip:rect(0, 0, 0, 0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*="col-"]{float:none;padding-left:0;padding-right:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn,select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn,select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn{height:auto}.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:normal;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type="radio"],.input-group-addon input[type="checkbox"]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child>.btn-group:not(:last-child)>.btn{border-bottom-right-radius:0;border-top-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn{border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:hover,.input-group-btn>.btn:focus,.input-group-btn>.btn:active{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{margin-bottom:0;padding-left:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#777;text-decoration:none;background-color:transparent;cursor:not-allowed}.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#555;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{overflow-x:visible;padding-right:15px;padding-left:15px;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);-webkit-overflow-scrolling:touch}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block !important;height:auto !important;padding-bottom:0;overflow:visible !important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{padding-left:0;padding-right:0}}.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{max-height:200px}}.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;padding:15px 15px;font-size:18px;line-height:20px;height:50px}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;margin-right:15px;padding:9px 10px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{margin-left:-15px;margin-right:-15px;padding:10px 15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);margin-top:8px;margin-bottom:8px}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn,.navbar-form .input-group .form-control{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .radio,.navbar-form .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .radio label,.navbar-form .checkbox label{padding-left:0}.navbar-form .radio input[type="radio"],.navbar-form .checkbox input[type="checkbox"]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;border:0;margin-left:0;margin-right:0;padding-top:0;padding-bottom:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-left:15px;margin-right:15px}}@media (min-width:768px){.navbar-left{float:left !important}.navbar-right{float:right !important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{background-color:#e7e7e7;color:#555}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:hover,.navbar-default .btn-link:focus{color:#333}.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:hover,.navbar-default .btn-link[disabled]:focus,fieldset[disabled] .navbar-default .btn-link:focus{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808;overflow: hidden;}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{background-color:#080808;color:#fff}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:hover,.navbar-inverse .btn-link:focus{color:#fff}.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:hover,.navbar-inverse .btn-link[disabled]:focus,fieldset[disabled] .navbar-inverse .btn-link:focus{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{content:"/\00a0";padding:0 5px;color:#ccc}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#337ab7;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:3;color:#fff;background-color:#337ab7;border-color:#337ab7;cursor:default}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#777;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px}.pager{padding-left:0;margin:20px 0;list-style:none;text-align:center}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#777;background-color:#fff;cursor:not-allowed}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:bold;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:hover,a.label:focus{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:hover,.label-default[href]:focus{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:hover,.label-primary[href]:focus{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:hover,.label-success[href]:focus{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:hover,.label-info[href]:focus{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:hover,.label-warning[href]:focus{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:hover,.label-danger[href]:focus{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:bold;color:#fff;line-height:1;vertical-align:middle;white-space:nowrap;text-align:center;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-xs .badge,.btn-group-xs>.btn .badge{top:0;padding:1px 5px}a.badge:hover,a.badge:focus{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron h1,.jumbotron .h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{border-radius:6px;padding-left:15px;padding-right:15px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-left:60px;padding-right:60px}.jumbotron h1,.jumbotron .h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail>img,.thumbnail a>img{margin-left:auto;margin-right:auto}a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:bold}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#31708f}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{background-color:#f2dede;border-color:#ebccd1;color:#a94442}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{overflow:hidden;height:20px;margin-bottom:20px;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress-bar{float:left;width:0%;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar,.progress-bar-striped{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress.active .progress-bar,.progress-bar.active{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{zoom:1;overflow:hidden}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-left,.media-right,.media-body{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{margin-bottom:20px;padding-left:0}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:hover,button.list-group-item:hover,a.list-group-item:focus,button.list-group-item:focus{text-decoration:none;color:#555;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item.disabled,.list-group-item.disabled:hover,.list-group-item.disabled:focus{background-color:#eee;color:#777;cursor:not-allowed}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>.small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:hover .list-group-item-text,.list-group-item.active:focus .list-group-item-text{color:#c7ddef}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:hover,button.list-group-item-success:hover,a.list-group-item-success:focus,button.list-group-item-success:focus{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,button.list-group-item-success.active,a.list-group-item-success.active:hover,button.list-group-item-success.active:hover,a.list-group-item-success.active:focus,button.list-group-item-success.active:focus{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:hover,button.list-group-item-info:hover,a.list-group-item-info:focus,button.list-group-item-info:focus{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,button.list-group-item-info.active,a.list-group-item-info.active:hover,button.list-group-item-info.active:hover,a.list-group-item-info.active:focus,button.list-group-item-info.active:focus{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:hover,button.list-group-item-warning:hover,a.list-group-item-warning:focus,button.list-group-item-warning:focus{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,button.list-group-item-warning.active,a.list-group-item-warning.active:hover,button.list-group-item-warning.active:hover,a.list-group-item-warning.active:focus,button.list-group-item-warning.active:focus{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:hover,button.list-group-item-danger:hover,a.list-group-item-danger:focus,button.list-group-item-danger:focus{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,button.list-group-item-danger.active,a.list-group-item-danger.active:hover,button.list-group-item-danger.active:hover,a.list-group-item-danger.active:focus,button.list-group-item-danger.active:focus{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>a,.panel-title>small,.panel-title>.small,.panel-title>small>a,.panel-title>.small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-right-radius:3px;border-top-left-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-right-radius:0;border-top-left-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.table,.panel>.table-responsive>.table,.panel>.panel-collapse>.table{margin-bottom:0}.panel>.table caption,.panel>.table-responsive>.table caption,.panel>.panel-collapse>.table caption{padding-left:15px;padding-right:15px}.panel>.table:first-child,.panel>.table-responsive:first-child>.table:first-child{border-top-right-radius:3px;border-top-left-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table:last-child,.panel>.table-responsive:last-child>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child th,.panel>.table>tbody:first-child>tr:first-child td{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{border:0;margin-bottom:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.panel-body,.panel-group .panel-heading+.panel-collapse>.list-group{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video{position:absolute;top:0;left:0;bottom:0;height:100%;width:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,0.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:bold;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal{display:none;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0, -25%);-ms-transform:translate(0, -25%);-o-transform:translate(0, -25%);transform:translate(0, -25%);-webkit-transition:-webkit-transform 0.3s ease-out;-o-transition:-o-transform 0.3s ease-out;transition:transform 0.3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);box-shadow:0 3px 9px rgba(0,0,0,0.5);-webkit-background-clip:padding-box;background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);box-shadow:0 5px 15px rgba(0,0,0,0.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:normal;letter-spacing:normal;line-break:auto;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal;font-size:12px;opacity:0;filter:alpha(opacity=0)}.tooltip.in{opacity:.9;filter:alpha(opacity=90)}.tooltip.top{margin-top:-3px;padding:5px 0}.tooltip.right{margin-left:3px;padding:0 5px}.tooltip.bottom{margin-top:3px;padding:5px 0}.tooltip.left{margin-left:-3px;padding:0 5px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{bottom:0;right:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:normal;letter-spacing:normal;line-break:auto;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal;font-size:14px;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2)}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{margin:0;padding:8px 14px;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{border-width:10px;content:""}.popover.top>.arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,0.25);bottom:-11px}.popover.top>.arrow:after{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,0.25)}.popover.right>.arrow:after{content:" ";left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff}.popover.bottom>.arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,0.25);top:-11px}.popover.bottom>.arrow:after{content:" ";top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,0.25)}.popover.left>.arrow:after{content:" ";right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px}.carousel{position:relative}.carousel-inner{position:relative;overflow:hidden;width:100%}.carousel-inner>.item{display:none;position:relative;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>img,.carousel-inner>.item>a>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform 0.6s ease-in-out;-o-transition:-o-transform 0.6s ease-in-out;transition:transform 0.6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.next,.carousel-inner>.item.active.right{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);left:0}.carousel-inner>.item.prev,.carousel-inner>.item.active.left{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);left:0}.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right,.carousel-inner>.item.active{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);left:0}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;left:0;bottom:0;width:15%;opacity:.5;filter:alpha(opacity=50);font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6);background-color:rgba(0,0,0,0)}.carousel-control.left{background-image:-webkit-linear-gradient(left, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);background-image:-o-linear-gradient(left, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);background-image:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(0,0,0,0.5)), to(rgba(0,0,0,0.0001)));background-image:linear-gradient(to right, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)}.carousel-control.right{left:auto;right:0;background-image:-webkit-linear-gradient(left, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);background-image:-o-linear-gradient(left, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);background-image:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(0,0,0,0.0001)), to(rgba(0,0,0,0.5)));background-image:linear-gradient(to right, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)}.carousel-control:hover,.carousel-control:focus{outline:0;color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;margin-top:-10px;z-index:5;display:inline-block}.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left{left:50%;margin-left:-10px}.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right{right:50%;margin-right:-10px}.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;line-height:1;font-family:serif}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;margin-left:-30%;padding-left:0;list-style:none;text-align:center}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;border:1px solid #fff;border-radius:10px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0)}.carousel-indicators .active{margin:0;width:12px;height:12px;background-color:#fff}.carousel-caption{position:absolute;left:15%;right:15%;bottom:20px;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{left:20%;right:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-header:before,.modal-header:after,.modal-footer:before,.modal-footer:after{content:" ";display:table}.clearfix:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-header:after,.modal-footer:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important}.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none !important}@media (max-width:767px){.visible-xs{display:block !important}table.visible-xs{display:table !important}tr.visible-xs{display:table-row !important}th.visible-xs,td.visible-xs{display:table-cell !important}}@media (max-width:767px){.visible-xs-block{display:block !important}}@media (max-width:767px){.visible-xs-inline{display:inline !important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block !important}table.visible-sm{display:table !important}tr.visible-sm{display:table-row !important}th.visible-sm,td.visible-sm{display:table-cell !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block !important}table.visible-md{display:table !important}tr.visible-md{display:table-row !important}th.visible-md,td.visible-md{display:table-cell !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block !important}}@media (min-width:1200px){.visible-lg{display:block !important}table.visible-lg{display:table !important}tr.visible-lg{display:table-row !important}th.visible-lg,td.visible-lg{display:table-cell !important}}@media (min-width:1200px){.visible-lg-block{display:block !important}}@media (min-width:1200px){.visible-lg-inline{display:inline !important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block !important}}@media (max-width:767px){.hidden-xs{display:none !important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none !important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none !important}}@media (min-width:1200px){.hidden-lg{display:none !important}}.visible-print{display:none !important}@media print{.visible-print{display:block !important}table.visible-print{display:table !important}tr.visible-print{display:table-row !important}th.visible-print,td.visible-print{display:table-cell !important}}.visible-print-block{display:none !important}@media print{.visible-print-block{display:block !important}}.visible-print-inline{display:none !important}@media print{.visible-print-inline{display:inline !important}}.visible-print-inline-block{display:none !important}@media print{.visible-print-inline-block{display:inline-block !important}}@media print{.hidden-print{display:none !important}} .align-center{text-align:center;}.align-left{text-align:left;}.align-right{text-align:right;}.qb-btn{padding:10px 30px;line-height:1.5em;font-family:"DIN Next LT Pro 400","DIN Next LT Pro","Consolas","Monaco","Lucida Console",sans-serif;font-weight:400;font-size:18px;padding-top:3px;height:34px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:left;padding:4px 16px 0;text-decoration:none;border-radius:2px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;}.qb-btn.QB-green{border:1px solid #2C9F1C;background:#2C9F1C;color:#fff;background:-webkit-linear-gradient(top,#2C9F1C 100%,#f55e00 100%);background:-moz-linear-gradient(top,#2C9F1C 100%,#f55e00 100%);background:-o-linear-gradient(top,#2C9F1C 100%,#f55e00 100%);background:-ms-linear-gradient(top,#2C9F1C 100%,#f55e00 100%);background:linear-gradient(to bottom,#2C9F1C 100%,#f55e00 100%);}.qb-btn.QB-orange{border:1px solid #f55e00;background:#f77b00;color:#fff;background:-webkit-linear-gradient(top,#f77b00 100%,#f55e00 100%);background:-moz-linear-gradient(top,#f77b00 100%,#f55e00 100%);background:-o-linear-gradient(top,#f77b00 100%,#f55e00 100%);background:-ms-linear-gradient(top,#f77b00 100%,#f55e00 100%);background:linear-gradient(to bottom,#f77b00 100%,#f55e00 100%);}.qb-btn.QB-gray{border:1px solid #ccc;background:#393a3d;color:#fff;background:-webkit-linear-gradient(top,#393a3d 100%,#f55e00 100%);background:-moz-linear-gradient(top,#393a3d 100%,#f55e00 100%);background:-o-linear-gradient(top,#393a3d 100%,#f55e00 100%);background:-ms-linear-gradient(top,#393a3d 100%,#f55e00 100%);background:linear-gradient(to bottom,#393a3d 100%,#f55e00 100%);}.qb-btn.QB-orange:hover,.qb-btn.QB-green:hover,.qb-btn.QB-gray:hover,.qb-btn.QB-orange:active,.qb-btn.QB-green:active,.qb-btn.QB-gray:active,.qb-btn.QB-orange:focus,.qb-btn.QB-green:focus,.qb-btn.QB-gray:focus{color:#fff;text-decoration:none;}.animated-search{position:relative;float:right;background:#ffffff;overflow:hidden;-webkit-transition:opacity 100ms ease-out 100ms;-moz-transition:opacity 100ms ease-out 100ms;-o-transition:opacity 100ms ease-out 100ms;transition:opacity 100ms ease-out 100ms;}.animated-search form{display:inline-block;}.animated-search.closed{width:auto;}.animated-search.closed form{width:0;-webkit-animation:outtext 0.1 linear 1s;animation:outtext 0.1 linear 1s;}.animated-search.open{width:100%;}.animated-search.open form{-webkit-animation:intext 0.3s linear 1s;animation:intext 0.3 linear 1s;width:100%;}.animated-search.open input[type="search"]{width:100%;}.animated-search.open .close-search{opacity:1;-webkit-animation:intext 0.3s linear 1s;animation:intext 0.3 linear 1s;}@keyframes intext{from{opacity:0;}to{opacity:1;}}@keyframes outtext{from{opacity:1;}to{opacity:0;}}.qscarousel>.carousel-content-enter{position:relative;z-index:2;opacity:0.01;}.qscarousel>.carousel-content-enter-active{opacity:1;transition:opacity 500ms ease;}.qscarousel>.carousel-content-leave{position:absolute;top:0;width:100%;opacity:1;}.qscarousel>.carousel-content-leave-active{opacity:0.01;transition:opacity 300ms ease;}#main{margin:0;}.slick-arrrow{display:block;width:5%;height:50%;top:56%;}#turorial-navigation-next,#turorial-navigation-prev{background:#333;border-radius:100%;}a:hover{color:'#337ab7a';} .qb-element{will-change:opacity;-webkit-transition:opacity 250ms;transition:opacity 250ms;opacity:1;}.qb-element--hide{opacity:0;}.ccontainer>.page-enter{position:relative;z-index:2;opacity:0.01;}.ccontainer>.page-enter-active{opacity:1;transition:opacity 500ms ease;}.ccontainer>.page-leave{position:absolute;top:0;width:100%;opacity:1;}.ccontainer>.page-leave-active{opacity:0.01;transition:opacity 300ms ease;}.loader,.loader:before,.loader:after{border-radius:50%;}.loader:before,.loader:after{position:absolute;content:'';}.loader:before{width:5.2em;height:10.2em;background:#FFFFFF;border-radius:10.2em 0 0 10.2em;top:-0.1em;left:-0.1em;-webkit-transform-origin:5.2em 5.1em;transform-origin:5.2em 5.1em;-webkit-animation:load2 2s infinite ease 1.5s;animation:load2 2s infinite ease 1.5s;}.loader{color:#2CA01C;font-size:11px;text-indent:-99999em;margin:55px auto;position:relative;width:10em;height:10em;box-shadow:inset 0 0 0 1em;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);}.loader:after{width:5.2em;height:10.2em;background:#FFFFFF;border-radius:0 10.2em 10.2em 0;top:-0.1em;left:5.1em;-webkit-transform-origin:0px 5.1em;transform-origin:0px 5.1em;-webkit-animation:load2 2s infinite ease;animation:load2 2s infinite ease;}@-webkit-keyframes load2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes load2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}.container>.loader-wrapper{position:absolute;top:100px;left:425px;}.card-enter{position:relative;z-index:2;transform:translate3d(150px,0,0);opacity:0.1;}.card-enter.card-enter-active{transition:all 300ms ease-out;transform:translate3d(0,0,0);opacity:1;}.card-leave{position:absolute;z-index:3;transform:translate3d(0,0,0);top:0;left:0;opacity:1;width:100%;}.card-leave.card-leave-active{transition:all 300ms ease-out;transform:translate3d(-150px,0,0);opacity:0;}.card-back-enter{position:relative;z-index:2;transform:translate3d(-150px,0,0);opacity:0.1;}.card-back-enter.card-back-enter-active{transition:all 300ms ease-out;transform:translate3d(0,0,0);opacity:1;}.card-back-leave{position:absolute;z-index:3;transform:translate3d(0,0,0);top:0;left:0;opacity:1;width:100%;}.card-back-leave.card-back-leave-active{transition:all 300ms ease-out;transform:translate3d(150px,0,0);opacity:0;}.App{margin:0 auto;min-height:400px;position:relative;} a:hover{text-decoration:none}h1,h2,h3,h4,h5,h6{margin:0;padding:0}html{overflow-x:hidden;margin-top:0px!important;}body{height:100%;background:#fff!important;}.w960{width:960px}.pull-bottom{display:table-cell;vertical-align:bottom;float:none}.inner1{width:98%;height:100%;margin:0 1%}.inner3{width:94%;height:100%;margin:0 3%}.inner5{width:90%;height:100%;margin:0 5%}.nm,.no-margin{margin:0%}.np,.no-padding{padding-left:0!important;padding-right:0!important}.block{display:block}.inline{display:inline}body{font:20px "AvenirNextRegular",Helvetica,Arial,sans-serif;color:#505050}p{font-family:"AvenirNextRegular",Helvetica,Arial,sans-serif!important;color:#505050;font-size:19px;}.avenir-regular{font-family:"AvenirNextRegular",Helvetica,Arial,sans-serif!important}.avenir-medium{font-family:"AvenirNextMedium",Helvetica,Arial,sans-serif!important}.avenir-demi{font-family:"AvenirNextDemi",Helvetica,Arial,sans-serif!important}.qs h1,.fh1{font:47.3px "GrotesqueMedium",Arial,sans-serif;}.qs h2,h2.qs,.fh2{font:35px "GrotesqueMedium",Arial,sans-serif;color:#3b3b3b}.qs h3,.fh3{font:23.97px "AvenirNextDemi",Helvetica,Arial,sans-serif}.qs h4,.fh4{font:17.58px "AvenirNextDemi",Helvetica,Arial,sans-serif}.color-green{color:#329e28!important}.color-black{color:#000!important}.color-white{color:#fff!important}#single a,#page a,#home a{text-decoration:none;color:#329e28}#single a.vc_btn3-color-green{color:#fff}sup{font-size:65%}nav.melody-header *{font-family:'Helvetica Neue','Helvetica Neue LT W1G','Helvetica Neue',Helvetica,Arial,sans-serif!important}footer *{font-family:'AvenirNextRegular'}.bold{font-weight:bold}.tac{text-align:center}.tar{text-align:right}.tal{text-align:left}.qs .fs-10{font-size:10px}.qs .fs-11{font-size:11px}.qs .fs-12{font-size:12px}.qs .fs-13{font-size:13px}.qs .fs-14{font-size:14px}.qs.fs-15font-size:15px}.qs .fs-16{font-size:16px}.qs .fs-18{font-size:18px}.qs .fs-20{font-size:20px}.qs .fs-23{font-size:23px}.qs.fs-25font-siz:25px}.qs .fs-27{font-size:27px}.qs .fs-30{font-size:30px}.qs .fs-33{font-size:33px}.qs .fs-35{font-size:35px}.qs .fs-38{font-size:38px}.qs fs-40{font-size:40px}.qs .fs-45{font-size:45px}.qs .fs-50{font-size:50px}.qs .lh-32{line-height:32px}.qs .lh-46{line-height:46px}ul{}ul li{}ol{}ol li{}.nb{padding-left:0}.xoxo,.nb{list-style:none;list-style-type:none}.xoxo li{float:left}table{}thead{}th{}tr{}td{}dl{}dt{}dd{}.bg-light-grey{background:#f5f5f5}.bg-white{background:#fff}#globalNavHeader .global-header-resp div.navhdr-icons-ctnr{margin-top:0px!important;}#globalNavHeader .global-header-resp.us-header-resp div.navhdr-menu-ctnr{margin-top:0px!important;}#globalNavHeader .global-header-resp.us-header-resp div.navhdr-cta-ctnr{margin-top:0px!important;}#globalNavHeader .global-header-resp .logo-quickbooks-185x40{width:140px;height:29px;background:url(/wp-content/themes/vanilla-intuit/resources/assets/img/cb_qb_logo_sm.png) no-repeat;margin-top:5px;}#globalNavHeader .global-header-resp .navhdr-icons-ctnr br{display:none;}p.qb-header-label{float:right;font-size:15px;color:#393A3D;margin:10px 10px 0 0;} .qblg{background-repeat:no-repeat;text-indent:-5000px;overflow:hidden;display:block;width:185px;height:40px;background-position:-229px -20px}#footer_free_trial{background-color:#393a3d;min-height:140px;margin:0px -15px 0!important;}.wpb_row #footer_free_trial{}footer{margin-top:0!important;z-index:10;position:relative;background:#393a3e!important;}#ftr-top{background:#edeef0;padding:40px 0}#ftr-top h4{font-size:21px;font-weight:900}#ftr-bottom{background:#355ebf;padding:90px 0 40px}#ftr-bottom p,.ftr-legal-links li a{color:#fff;font-size:12px;font-weight:bold;line-height:18px}#ftr-bottom .legal{text-align:left}#ftr-bottom .ftr-truste-logo{float:right}.ftr-legal-links li{margin:0 10px}.ftr-legal-links li:last-child{margin:0 0 0 10px}#foot-nav a{color:#32373e}#foot-nav h4 a{font-size:14px;font-weight:bold}#foot-nav li a{font-size:14px}.ftr-i,.ftr-sprite{background-repeat:no-repeat;background:url(//quickbooks.intuit.com/assets/common/global-sprite-fallback-589852a8506d1b9e99c7f0b0ae66e487.png) no-repeat 0 0;background:url(//quickbooks.intuit.com/assets/common/global-sprite-931d2a7b1819b6f6eb4864a7b248f37b.svg) no-repeat 0 0;width:19px;height:19px;text-indent:-5000px;overflow:hidden;display:block}.ftr-i-twitter{background-position:-529px -70px}.ftr-i-twitter:hover{background-position:-529px -100px}.ftr-i-facebook{background-position:-500px -70px}.ftr-i-facebook:hover{background-position:-500px -100px}.ftr-i-linkedin{background-position:-620px -70px}.ftr-i-linkedin:hover{background-position:-620px -100px}.ftr-i-youtube{background-position:-590px -70px}.ftr-i-youtube:hover{background-position:-590px -100px}.ftr-i-gplus{background-position:-560px -70px}.ftr-i-gplus:hover{background-position:-560px -100px}.ftr-i-global{background-position:-680px -70px;margin-right:4px}.ftr-global-select-country span{vertical-align:top}.ftr-global-select-country:hover img{background-position:-680px -100px}.ftr-intuit-logo{height:24px;width:351px;background-position:-495px 0px}.ftr-truste-logo{background-position:-498px -31px;height:31px;width:102px}footer .legal-footer .footer-legal{padding:30px 0 80px;}footer h5{font:14px/16px 'AvenirNextDemi';color:#fff;}footer .bridge-site-footer .ctext ul li a{font-family:'AvenirNextRegular';text-decoration:none;color:#fff;}footer .bridge-watercooler-boiler .content-container a,footer .bridge-watercooler-boiler .content-container a:hover{color:#fff;}footer .bridge-watercooler-boiler .content-container .ctext ul li{list-style-type:none;margin:0px;}footer .bridge-watercooler-boiler .content-container .ctext ul li:before{content:'|';margin-right:10px;margin-left:10px;color:#fff;}footer .bridge-watercooler-boiler .content-container .ctext ul li:first-child:before{content:'';margin-right:0;margin-left:0;}#qbnav{height:88px;position:relative;z-index:99;margin:0 auto;padding:0}#qbnav .melody-header{background:#fff;border:none;box-shadow:none;position:static}#qsnav{background:#000;padding:12px 0;height:48px;margin:0 0 70px;z-index:999}#qsnav .container{max-width:960px}#qsnav #menu-main{display:inline-block;width:100%;list-style:none}#qsnav #menu-main li{float:left;display:block;width:33%;text-align:left}.home #qsnav #menu-main li{text-align:center}#qsnav a{color:#fff;font-size:15px}#qsnav .search-wrap{overflow:hidden;margin-top:-4px;}#qsnav .search-box{font-size:13px;padding:8px;width:100%;font-style:italic}#qsnav #searchsubmit{float:right;width:36px;height:32px;background:url('../img/black-search-icon.png') no-repeat #393a3d;border:none;text-indent:-7777px;overflow:hidden;margin-top:-2px;}#sidebar{position:absolute;width:215px;background:#f6f7f9;left:0;height:100%;z-index:1;}#sidebar .inner{padding:6px 23px 0}#sidebar .item{padding:20px 0}#sidebar .count{font:34px "GrotesqueMedium",Arial,sans-serif;color:#8d9096;padding-left:15px}#sidebar .count,#sidebar .desc{float:left}#sidebar .desc{width:130px;margin:0 0 0 20px;line-height:16px}#sidebar .desc a{font:14px "AvenirNextDemi",Helvetica,Arial,sans-serif;color:#329e28}#sidebar .active .desc a{color:#fff}#sidebar .active{background:#393a3d}#sidebar .active .count{color:#329e28}#sidebar .inner.active,#single #sidebar .inner.active a.color-black{color:#fff!important}#sidebar .crp_title{margin-bottom:30px}#sidebar .crp_excerpt,#sidebar .crp_view{display:none}.fr{float:right}.fl{float:left}#site-wrapper{position:relative;width:100%;overflow:hidden}.border-top{border-top:1px solid #8d9096;padding-top:15px;margin-top:15px}.border-bottom{border-bottom:1px solid #8d9096;padding-bottom:15px;margin-bottom:15px}::-webkit-input-placeholder{color:#000}:-moz-placeholder{color:#000}::-moz-placeholder{color:#000}:-ms-input-placeholder{color:#000}#main .divider,#related .divider,.parentcat .divider,.childcat .divider{margin-bottom:35px}#main .divider::after,.section-well .divider::after,#related .divider::after,.parentcat .divider::after,.childcat .divider::after{position:absolute;width:6%;left:47%;margin-top:55px;height:6px;background:#2da01d;content:""}.fh4.divider::after,.fh5.divider::after{margin-top:25px!important}.section-well{background:#fff;padding:100px 0 140px}.section-well.odd{background:#edeef0;-webkit-box-shadow:inset 0px -3px 65px -14px rgba(0,0,0,0.14);-moz-box-shadow:inset 0px -3px 65px -14px rgba(0,0,0,0.35);box-shadow:inset 0px -3px 65px -14px rgba(0,0,0,0.35)}.round img,img.round{border-radius:3333px}.brd1{border-top:1px solid #b9b9b9;width:98%;margin-left:-1%;position:relative;height:25px;top:20px;left:8px}.brd2{border:3px solid #fff;padding:3px;width:100%;height:100%}.mlr5,.ml5{margin-left:5px}.mlr10,.ml10{margin-left:10px}.mlr20,.ml20{margin-left:20px}.mlr5,.mr5{margin-right:5px}.mlr10,.mr10{margin-righ:10px}.mlr20,.mr20{margin-right:20px}.mt10,.mtb10{margin-top:10px}.mt15,.mtb15{margin-top:15px}.mt20,.mtb20{margin-top:20px}.mt30,.mtb30{margin-top:30px}.mt35,.mtb35{margin-top:30px}.mt60,.mtb60{margin-top:60px}.mt90,.mtb90{margin-top:90px}.mb10,.mtb10{margin-bottom:10px}.mb15,.mtb15{margin-bottom:15px}.mb20,.mtb20{margin-bottom:20px}.mb30,.mtb30{margin-bottom:30px}.mb35,.mtb35{margin-bottom:30px}.mb60,mtb6{margin-bottom:60px}.mb90,.mtb90{margin-bottom:90px}.plr5,.pl5{padding-left:5px}.plr10,.pl10{padding-left:10px}.plr20,.pl20{padding-left:20px}.plr5,.pr5{padding-right:5px}.plr10,.pr10{padding-right:10px}.plr20,.pr20{padding-right:20px}.pt10,.ptb10{padding-top:10px}.pt20,.ptb20{padding-top:20px}.pt30,.ptb30{padding-top:30px}.pt60,.ptb60{padding-top:60px}.pt90,.ptb90{padding-top:90px}.pb10,.ptb10{padding-bottom:10px}.pb20,.ptb20{padding-bottom:20px}.pb30,.ptb30{padding-bottom:30px}.pb60,.ptb60{padding-bottom:60px}.pb90,.ptb90{padding-bottom:90px}.pagination{clear:both;padding:20px 0;position:relative;font-size:11px;line-height:13px}.pagination span,.pagination a{display:block;float:left;margin:2px 2px 2px 0;padding:6px 9px 5px 9px;text-decoration:none;width:auto;color:#fff!important;background:#555}.pagination a:hover{color:#fff!important;background:#2da01d}.pagination .current{padding:6px 9px 5px 9px;background:#2da01d;color:#fff}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}.screen-reader-text{display:none}.wpb_wrapper .vc_column_container>.vc_column-inner{padding:0!important;}#home_search{margin-bottom:0px;}#home_search .search-wrapper .vc_column-inner .wpb_wrapper div{width:600px;margin:10px auto;}#home_search h2{font-family:'GrotesqueMedium';font-size:48px;}#home_search [data-qb-search] div{text-align:center;}#home_search input[type="search"]{border:none;height:45px;margin:10px 0px 10px 10px;width:87%;font:19px "AvenirNextRegular";text-indent:20px;}#home_search a.search-button{color:#fff;border:none;background-color:#52b700;padding:0px 25px;display:inline-block;height:45px;margin:10px 0px 10px 0px;vertical-align:bottom;}#page_sub_navigation{margin-top:0px;margin-bottom:0px!important;border-bottom-width:0px;background-color:#000;width:100%;padding-left:0px;padding-right:0px;position:relative;left:15px;}#page_sub_navigation .navigation-wrapper>div{padding-top:15px!important;padding-left:0;padding-right:0;}#page_sub_navigation .navigation-wrapper .wpb_raw_code{margin-bottom:15px!important;text-align:right;}#page_sub_navigation .navigation-wrapper .home-inner-navigation ul li{text-align:left;}#page_sub_navigation .search-wrapper>div{padding-top:10px!important;}#page_sub_navigation .search-wrapper input[type="search"]{height:28px;width:70%;border:none;text-indent:10px;font-family:'AvenirNextregular';font-style:italic;font-size:15px;}.home-inner-navigation ul li{display:inline-block;width:32.5%;text-align:center;}.home-inner-navigation ul li a{color:#fff;font-family:'AvenirNextDemi';font-size:15px;}.un-search-box{max-height:128px;overflow-y:hidden;}#search_results h2{font-size:44px;font-family:'GrotesqueMedium';padding-top:30px;}#search_results h3{font-size:28px;padding-top:7px;font-family:'AvenirNextDemi';}#search_results h4{font-size:24px;font-family:'AvenirNextDemi';font-weight:normal;margin-left:10px;padding-bottom:0;}#search_results p.link{font-family:'AvenirNextDemi';font-size:15px;}#search_results p.link a{color:#0077c5;}#search_results .thumbnail{padding:0;border-radius:0;width:100%;border:0;}#search_results .excerpt{font-size:12px;line-height:17px;padding-top:5px;font-family:'AvenirNextRegular';}#search_results #keywords{padding-bottom:62px;}#search_results span.keyword{color:#2ca01c;font-family:'AvenirNextRegular';font-size:28px;}#search_results .playable-content:hover:before{background-color:rgba(0,0,0,0.6);}#search_results .playable-content:before{background:no-repeat center center url('../img/player-button.png');background-color:rgba(0,0,0,0.3);transition:background-color 250ms ease;background-size:55px;content:'';position:absolute;width:100%;height:100%;}#search_results .playable-content{color:rgb(66,66,66);display:inline-block;line-height:18px;position:relative;}#search_results .play-img{box-sizing:border-box;color:rgb(47,152,217);cursor:auto;display:inline;line-height:18px;list-style-image:none;list-style-position:outside;list-style-type:none;text-align:left;vertical-align:baseline;margin-bottom:0;}#search_results .thumb-play{background:url("../img/video-thumb-overlay.png") no-repeat center center;background-size:cover;position:absolute;top:0;height:90%;width:94%;}#search_results .thumb-play:hover{background:rgba(0,0,0,0.5) url("../img/video-thumb-overlay.png") no-repeat center center;background-size:cover;}#home_get_started h3,#footer_free_trial h3{font-family:'AvenirNextDemi';font-size:24px;letter-spacing:.2px;line-height:35px;}#home_get_started .qb-btn,#footer_free_trial .qb-btn{font-family:'AvenirNextRegular';font-size:22px;display:block;text-align:center;height:55px;padding:10px;}#home_short_videos h2{font-family:'GrotesqueMedium';font-size:48px;}#footer_free_trial h3{margin-top:15px;}#hero{height:330px;color:#fff;background:url('../img/hero.jpg') no-repeat center center #329e28}#hero h1{text-transform:uppercase;margin:35px 0 0;color:#fff;font:63.37px "GrotesqueMedium",Arial,sans-serif;text-align:center;font-weight:bold;letter-spacing:1.35px}#hero form{width:100%;max-width:730px;margin:20px auto}#hero .search-wrap{overflow:hidden}#hero .search-box{height:58px;padding:9px 18px;color:#111;width:100%}#hero #searchsubmit{float:right;height:58px;width:58px;background:url('../img/black-search-icon.png') no-repeat #111 center;border:none;overflow:hidden;text-indent:-777px}#hero p{text-align:center;margin-top:20px;font:20px "AvenirNextDemi",Helvetica,Arial,sans-serif;}#hero a{color:#fff}#single #main{}#single h1{text-transform:uppercase;margin-top:75px}#instructions a{color:#3a88da;font-weight:bold}#instructions .heading{border-top:1px solid #303030;padding-top:30px;font-size:35px;font:28px "AvenirNextRegular";}#mobileControl{text-align:center;color:#2c9f1c;margin:20px 0 80px;padding:20px 0;border-top:1px solid #303030}#mobileControl p{color:#2c9f1c;}.wpb_row,.wpb_content_element,ul.wpb_thumbnails-fluid>li,.wpb_button{margin-bottom:55px}.vc_separator.vc_sep_color_grey .vc_sep_line{border-color:#636363!important}.vc_btn3.vc_btn3-color-green.vc_btn3-style-modern{background-color:#2c9f1c;border-color:#2c9f1c;font:15px "GrotesqueMedium",Arial,sans-serif;padding:6px 17px;border-radius:8px;margin-bottom:20px;color:#fff}.vc_btn3.vc_btn3-color-green.vc_btn3-style-modern,.vc_btn3.vc_btn3-color-green.vc_btn3-style-modern:hover,.vc_btn3.vc_btn3-color-green.vc_btn3-style-modern:focus{color:#ffffff;border-color:#329e28!important;background-color:#329e28!important;}#search h1{text-transform:uppercase;margin-top:60px}#task-results{padding-bottom:90px}#search .loopitem{padding:0;margin:20px 0 60px}#search .loopitem h3{font-size:17.58px;font-weight:bold;margin-bottom:10px}#search .loopitem h3 a{color:#303030}#search .loopitem p{}#search .loopitem .meta,#search .loopitem .thumb{float:left}#search .loopitem .meta{margin-left:40px;display:inline-block;width:200px}#search .loopitem .excerpt{font-size:15.38px}#search .loopitem .thumb{width:220px;height:120px;}#search .loopitem .thumb img{width:100%;height:100%;object-fit:cover}#search .loopitem .thumb a:after{content:url(#);position:absolute;width:220px;height:120px;left:0;background:url('../img/video-thumb-overlay.png') no-repeat center center;opacity:0.7}#search .loopitem .thumb a:hover:after{opacity:1}.slick-arrow.slick-disabled{display:none!important}.slick-slider{margin-top:20px;outline:0;}.slick-loading .slick-list{background:#fff url('./../img/ajax-loader.gif') center center no-repeat;}.slick-arrow .slick-prev,.slick-arrow .slick-next{font-size:0;line-height:0;position:absolute;top:40%;display:block;width:42px;height:75px;margin-top:-10px;padding:0;cursor:pointer;color:transparent;border:none;outline:none;background:url('../img/carousel-arrow-right.png') no-repeat;z-index:999;}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:none;}.slick-disabled{opacity:0}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1;}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.0;}.slick-prev:before,.slick-next:before{font-family:'slick';font-size:20px;line-height:1;opacity:.75;color:#7d7f84;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.slick-arrow .slick-prev{background:url('../img/carousel-arrow-left.png') no-repeat;left:70px;}[dir='rtl'] .slick-prev{right:50px;left:auto;}.slick-prev:before{content:'';}[dir='rtl'] .slick-prev:before{content:'';}.slick-next{right:70px;}[dir='rtl'] .slick-next{right:auto;left:50px;}.slick-next:before{content:'';}[dir='rtl'] .slick-next:before{content:'';}.slick-arrow{width:150px;height:220px;position:absolute;background:#f6f7f9;z-index:1;top:0}.prev-wrap.slick-arrow{background:-moz-linear-gradient(left,rgba(246,247,249,1) 0%,rgba(246,247,249,1) 50%,rgba(246,247,249,0.7) 80%,rgba(246,247,249,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(246,247,249,1)),color-stop(50%,rgba(246,247,249,1)),color-stop(80%,rgba(246,247,249,0.7)),color-stop(100%,rgba(246,247,249,0)));background:-webkit-linear-gradient(left,rgba(246,247,249,1) 0%,rgba(246,247,249,1) 50%,rgba(246,247,249,0.7) 80%,rgba(246,247,249,0) 100%);background:-o-linear-gradient(left,rgba(246,247,249,1) 0%,rgba(246,247,249,1) 50%,rgba(246,247,249,0.7) 80%,rgba(246,247,249,0) 100%);background:-ms-linear-gradient(left,rgba(246,247,249,1) 0%,rgba(246,247,249,1) 50%,rgba(246,247,249,0.7) 80%,rgba(246,247,249,0) 100%);background:linear-gradient(to right,rgba(246,247,249,1) 0%,rgba(246,247,249,1) 50%,rgba(246,247,249,0.7) 80%,rgba(246,247,249,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f7f9',endColorstr='#00f6f7f9',GradientType=1);}.next-wrap.slick-arrow{right:0;background:-moz-linear-gradient(left,rgba(246,247,249,0) 0%,rgba(246,247,249,0.7) 20%,rgba(246,247,249,1) 50%,rgba(246,247,249,1) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(246,247,249,0)),color-stop(20%,rgba(246,247,249,0.7)),color-stop(50%,rgba(246,247,249,1)),color-stop(100%,rgba(246,247,249,1)));background:-webkit-linear-gradient(left,rgba(246,247,249,0) 0%,rgba(246,247,249,0.7) 20%,rgba(246,247,249,1) 50%,rgba(246,247,249,1) 100%);background:-o-linear-gradient(left,rgba(246,247,249,0) 0%,rgba(246,247,249,0.7) 20%,rgba(246,247,249,1) 50%,rgba(246,247,249,1) 100%);background:-ms-linear-gradient(left,rgba(246,247,249,0) 0%,rgba(246,247,249,0.7) 20%,rgba(246,247,249,1) 50%,rgba(246,247,249,1) 100%);background:linear-gradient(to right,rgba(246,247,249,0) 0%,rgba(246,247,249,0.7) 20%,rgba(246,247,249,1) 50%,rgba(246,247,249,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f6f7f9',endColorstr='#f6f7f9',GradientType=1);}@media (min-width: 768px) {.container{width:750px;}}@media (min-width: 992px) {.container{width:970px;}}@media (min-width: 1200px) {.container{width:1170px;}}@media only screen and (min-width : 1400px) {#sidebar{display:block}}@media only screen and (min-width : 1024px) {.w960,#ftr-bottom .w960{width:960px}.single #sbcnav .lotl{font-size:18px!important}}@media only screen and (max-width : 992px) {.melody-signin-links ul{display:none!important}.home #sbcnav .lotl{font-size:26px;top:-11px;left:45px}.single #sbcnav .lotl{font-size:20px;left:45px}#slideMenuExtra{padding:0}#slideMenuExtra .featd .cat{bottom:20px}#single h1{}}@media only screen and (max-width : 830px) {.melody-signin-links{display:none!important}}@media only screen and (min-width: 768px) and (max-width: 1024px){#globalNavHeader .global-header-resp .logo-quickbooks-185x40{margin-top:15px;}header .navhdr-cta-ctnr .ccta.cta-align-center{height:60px!important;padding-top:20px!important;}#search .search-box{width:587px}.slick-prev,.slick-next{top:32%;}#home_search h2{font-size:32px;}#home_short_videos h2{font-size:32px;}#page_sub_navigation .navigation-wrapper .home-inner-navigation ul li{width:32%;}#home_get_started h3,#footer_free_trial h3{font-size:19px;line-height:25px;}#home_get_started .qb-btn,#footer_free_trial .qb-btn{font-size:19px;line-height:1.8;}#search_results h2{font-size:32px;}#search_results h3{font-size:24px;}#search_results h4{font-size:19px;}footer .col-xs-12{padding-left:0;padding-right:0;}footer .bridge-watercooler-boiler .content-container .ctext ul li:before{margin-right:2px;margin-left:2px;}}#page_sub_navigation .search-wrapper{text-align:right;}@media only screen and (min-width : 320px) and (max-width : 767px) {#home_navigation .navigation-wrapper>div{padding-top:15px!important;}#home_search h2{font-size:35px;}#home_search .search-wrapper .vc_column-inner .wpb_wrapper div{width:100%;}#home_search input[type="search"]{width:74%;}#home_get_started h3,#footer_free_trial h3{text-align:center!important;font-size:19px;line-height:25px;}#home_get_started .qb-btn,#footer_free_trial .qb-btn{font-size:19px;line-height:1.8;}.home-inner-navigation ul li{width:32%;}.home-inner-navigation ul li a{font-size:12px;}#single a{font-size:15px;font-family:'AvenirNextDemi';}.next-wrap.slick-arrow,.prev-wrap.slick-arrow{background:none;-ms-transform:scale(0.5,0.5);-webkit-transform:scale(0.5,0.5);transform:scale(0.4,0.4);}.slick-prev,.slick-next{top:0;}#page_sub_navigation .search-wrapper button{right:8px;}#page_sub_navigation .search-wrapper>div{padding-top:15px!important;}#page_sub_navigation .search-wrapper:after{right:18px;}#page_sub_navigation .search-wrapper input[type="search"]{display:none;}#page_sub_navigation .navigation-wrapper .home-inner-navigation ul li{width:31%;}#search_results h2{font-size:28px;}#search_results h3{font-size:19px;}#search_results h4{font-size:19px;}#search_results p.link{font-size:12px;}footer #isearch{height:auto;}footer .bridge-watercooler-boiler .content-container .ctext ul li:before{content:'';margin:0;}footer .bridge-watercooler-boiler .content-container .ctext ul li{margin-right:10px;}}@media only screen and (max-width : 768px) {#qbnav .melody-nav-links{display:none}#ftr-top{padding:40px 20px}#ftr-top #isearch,#ftr-top .bridge-site-footer{display:none}#ftr-top .bridge-footer-media{text-align:center;border-top:1px solid #ccc;padding-top:20px}#ftr-top .footer-icon-global{margin:60px auto -60px;display:block}#ftr-top .bridge-watercooler-boiler{border-bottom:1px solid #ccc;padding-bottom:10px;margin-bottom:45px}#ftr-top .bridge-watercooler-boiler .content-container{border-top:0}#ftr-bottom .w960{width:300px;margin:0 auto}#ftr-bottom .ftr-intuit-logo{width:100px}#ftr-bottom .legal{text-align:center}#ftr-bottom .ftr-legal-links{position:relative;top:-20px}#ftr-bottom .ftr-truste-logo{text-align:center;display:block;float:none;margin:15px auto}.w960{width:730px}}@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2){}@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3){}@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3){}@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {}@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {}@media only screen and (max-width : 568px) {}@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {}@media only screen and (max-width : 480px) {.w960{width:300px}#qbnav .melody-nav-links{display:none}#home h2{font-size:22px}#hero{height:380px;padding:40px 0}#hero h1{font-size:42px}#hero a{font-size:17px}#hero #searchsubmit{margin-top:0}.sm-center *{text-align:center!important}.sm-center .wpb_content_element *{line-height:32px}.qscarousel h4{text-align:center}.next-wrap.slick-arrow,.prev-wrap.slick-arrow{background:none;-ms-transform:scale(0.5,0.5);-webkit-transform:scale(0.5,0.5);transform:scale(0.4,0.4);}.slick-arrow{width:50px}.slick-next{right:-25px}.slick-prev{left:-25px}.slick-track .faded{opacity:1}#qsnav-sticky-wrapper{position:absolute;width:100%;top:85px}#qsnav-sticky-wrapper.is-sticky{position:absolute;width:100%;top:85px}#qsnav{}#search .search-box{width:212px}}@media only screen and (max-width : 320px) {#search .search-box{width:172px}} .navbar.navbar-inverse.header-menu-desktop{ overflow: visible; } /* Header */ @charset "UTF-8"; :root { margin: 0; padding: 0; border: 0; font-size: 62.5%; font: inherit; vertical-align: baseline; box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } @font-face { font-family: "AvenirNextRegular"; src: url("../fonts/avenir-100.woff2") format("woff2"), url("../fonts/avenir-100.woff") format("woff"); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: "AvenirNextRegular"; src: url("../fonts/avenir-100-it.woff2") format("woff2"), url("../fonts/avenir-100-it.woff") format("woff"); font-weight: 100; font-style: italic; font-display: swap; } /* Font does not exist @font-face { font-family: "AvenirNextRegular"; src: url("../fonts/avenir-200.woff2") format("woff2"), url("../fonts/avenir-200.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap; } */ /* Font does not exist @font-face { font-family: "AvenirNextRegular"; src: url("../fonts/avenir-200-it.woff2") format("woff2"), url("../fonts/avenir-200-it.woff") format("woff"); font-weight: 200; font-style: italic; font-display: swap; }*/ /* Font does not exist @font-face { font-family: "AvenirNextRegular"; src: url("../fonts/avenir-300.woff2") format("woff2"), url("../fonts/avenir-300.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; }*/ /* Font does not exist @font-face { font-family: "AvenirNextRegular"; src: url("../fonts/avenir-300-it.woff2") format("woff2"), url("../fonts/avenir-300-it.woff") format("woff"); font-weight: 300; font-style: italic; font-display: swap; }*/ @font-face { font-family: "AvenirNextRegular"; src: url("../fonts/avenir-400.woff2") format("woff2"), url("../fonts/avenir-400.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "AvenirNextRegular"; src: url("../fonts/avenir-400-it.woff2") format("woff2"), url("../fonts/avenir-400-it.woff") format("woff"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: "AvenirNextRegular"; src: url("../fonts/avenir-500.woff2") format("woff2"), url("../fonts/avenir-500.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "AvenirNextRegular"; src: url("../fonts/avenir-500-it.woff2") format("woff2"), url("../fonts/avenir-500-it.woff") format("woff"); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: "AvenirNextRegular"; src: url("../fonts/avenir-600.woff2") format("woff2"), url("../fonts/avenir-600.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "AvenirNextRegular"; src: url("../fonts/avenir-600-it.woff2") format("woff2"), url("../fonts/avenir-600-it.woff") format("woff"); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: "AvenirNextRegular"; src: url("../fonts/avenir-700.woff2") format("woff2"), url("../fonts/avenir-700.woff") format("woff"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "AvenirNextRegular"; src: url("../fonts/avenir-700-it.woff2") format("woff2"), url("../fonts/avenir-700-it.woff") format("woff"); font-weight: 700; font-style: italic; font-display: swap; } /* Font does not exist @font-face { font-family: "AvenirNextRegular"; src: url("../fonts/avenir-800.woff2") format("woff2"), url("../fonts/avenir-800.woff") format("woff"); font-weight: 800; font-style: normal; font-display: swap; }*/ /* Font does not exist @font-face { font-family: "AvenirNextRegular"; src: url("../fonts/avenir-800-it.woff2") format("woff2"), url("../fonts/avenir-800-it.woff") format("woff"); font-weight: 800; font-style: italic; font-display: swap; }*/ @font-face { font-family: "AvenirNextRegular"; src: url("../fonts/avenir-900.woff2") format("woff2"), url("../fonts/avenir-900.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "AvenirNextRegular"; src: url("../fonts/avenir-900-it.woff2") format("woff2"), url("../fonts/avenir-900-it.woff") format("woff"); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: "AvenirNextRegular"; src: url("../fonts/avenir-500.woff2") format("woff2"), url("../fonts/avenir-500.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "AvenirNextRegular"; src: url("../fonts/avenir-600.woff2") format("woff2"), url("../fonts/avenir-600.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "harmonyicons"; src: url("../fonts/harmonyicons-regular-webfont.woff2") format("woff2"), url("../fonts/harmonyicons-regular-webfont.woff") format("woff"); font-weight: "regular-webfont"; font-style: normal; font-display: swap; } .footer__country--ad { background-position: 0 0; } .footer__country--ae { background-position: -32px 0; } .footer__country--af { background-position: -64px 0; } .footer__country--ag { background-position: -96px 0; } .footer__country--ai { background-position: -128px 0; } .footer__country--al { background-position: -160px 0; } .footer__country--am { background-position: -192px 0; } .footer__country--ao { background-position: -224px 0; } .footer__country--aq { background-position: -256px 0; } .footer__country--ar { background-position: -288px 0; } .footer__country--as { background-position: -320px 0; } .footer__country--at { background-position: -352px 0; } .footer__country--au { background-position: -384px 0; } .footer__country--aw { background-position: -416px 0; } .footer__country--ax { background-position: -448px 0; } .footer__country--az { background-position: -480px 0; } .footer__country--ba { background-position: -512px 0; } .footer__country--bb { background-position: 0 -24px; } .footer__country--bd { background-position: -32px -24px; } .footer__country--be { background-position: -64px -24px; } .footer__country--bf { background-position: -96px -24px; } .footer__country--bg { background-position: -128px -24px; } .footer__country--bh { background-position: -160px -24px; } .footer__country--bi { background-position: -192px -24px; } .footer__country--bj { background-position: -224px -24px; } .footer__country--bl { background-position: -256px -24px; } .footer__country--bm { background-position: -288px -24px; } .footer__country--bn { background-position: -320px -24px; } .footer__country--bo { background-position: -352px -24px; } .footer__country--bq { background-position: -384px -24px; } .footer__country--br { background-position: -416px -24px; } .footer__country--bs { background-position: -448px -24px; } .footer__country--bt { background-position: -480px -24px; } .footer__country--bv { background-position: -512px -24px; } .footer__country--bw { background-position: 0 -48px; } .footer__country--by { background-position: -32px -48px; } .footer__country--bz { background-position: -64px -48px; } .footer__country--ca { background-position: -96px -48px; } .footer__country--cc { background-position: -128px -48px; } .footer__country--cd { background-position: -160px -48px; } .footer__country--cf { background-position: -192px -48px; } .footer__country--cg { background-position: -224px -48px; } .footer__country--ch { background-position: -256px -48px; } .footer__country--ci { background-position: -288px -48px; } .footer__country--ck { background-position: -320px -48px; } .footer__country--cl { background-position: -352px -48px; } .footer__country--cm { background-position: -384px -48px; } .footer__country--cn { background-position: -416px -48px; } .footer__country--co { background-position: -448px -48px; } .footer__country--cr { background-position: -480px -48px; } .footer__country--cu { background-position: -512px -48px; } .footer__country--cv { background-position: 0 -72px; } .footer__country--cw { background-position: -32px -72px; } .footer__country--cx { background-position: -64px -72px; } .footer__country--cy { background-position: -96px -72px; } .footer__country--cz { background-position: -128px -72px; } .footer__country--de { background-position: -160px -72px; } .footer__country--dj { background-position: -192px -72px; } .footer__country--dk { background-position: -224px -72px; } .footer__country--dm { background-position: -256px -72px; } .footer__country--do { background-position: -288px -72px; } .footer__country--dz { background-position: -320px -72px; } .footer__country--ec { background-position: -352px -72px; } .footer__country--ee { background-position: -384px -72px; } .footer__country--eg { background-position: -416px -72px; } .footer__country--eh { background-position: -448px -72px; } .footer__country--er { background-position: -480px -72px; } .footer__country--es { background-position: -512px -72px; } .footer__country--et { background-position: 0 -96px; } .footer__country--eu { background-position: -32px -96px; } .footer__country--fi { background-position: -64px -96px; } .footer__country--fj { background-position: -96px -96px; } .footer__country--fk { background-position: -128px -96px; } .footer__country--fm { background-position: -160px -96px; } .footer__country--fo { background-position: -192px -96px; } .footer__country--fr { background-position: -224px -96px; } .footer__country--ga { background-position: -256px -96px; } .footer__country--gb-eng { background-position: -288px -96px; } .footer__country--gb-sct { background-position: -320px -96px; } .footer__country--gb-wls { background-position: -352px -96px; } .footer__country--gb { background-position: -384px -96px; } .footer__country--gd { background-position: -416px -96px; } .footer__country--ge { background-position: -448px -96px; } .footer__country--gf { background-position: -480px -96px; } .footer__country--gg { background-position: -512px -96px; } .footer__country--gh { background-position: 0 -120px; } .footer__country--gi { background-position: -32px -120px; } .footer__country--gl { background-position: -64px -120px; } .footer__country--gm { background-position: -96px -120px; } .footer__country--gn { background-position: -128px -120px; } .footer__country--gp { background-position: -160px -120px; } .footer__country--gq { background-position: -192px -120px; } .footer__country--gr { background-position: -224px -120px; } .footer__country--gs { background-position: -256px -120px; } .footer__country--gt { background-position: -288px -120px; } .footer__country--gu { background-position: -320px -120px; } .footer__country--gw { background-position: -352px -120px; } .footer__country--gy { background-position: -384px -120px; } .footer__country--hk { background-position: -416px -120px; } .footer__country--hm { background-position: -448px -120px; } .footer__country--hn { background-position: -480px -120px; } .footer__country--hr { background-position: -512px -120px; } .footer__country--ht { background-position: 0 -144px; } .footer__country--hu { background-position: -32px -144px; } .footer__country--id { background-position: -64px -144px; } .footer__country--ie { background-position: -96px -144px; } .footer__country--il { background-position: -128px -144px; } .footer__country--im { background-position: -160px -144px; } .footer__country--in { background-position: -192px -144px; } .footer__country--io { background-position: -224px -144px; } .footer__country--iq { background-position: -256px -144px; } .footer__country--ir { background-position: -288px -144px; } .footer__country--is { background-position: -320px -144px; } .footer__country--it { background-position: -352px -144px; } .footer__country--je { background-position: -384px -144px; } .footer__country--jm { background-position: -416px -144px; } .footer__country--jo { background-position: -448px -144px; } .footer__country--jp { background-position: -480px -144px; } .footer__country--ke { background-position: -512px -144px; } .footer__country--kg { background-position: 0 -168px; } .footer__country--kh { background-position: -32px -168px; } .footer__country--ki { background-position: -64px -168px; } .footer__country--km { background-position: -96px -168px; } .footer__country--kn { background-position: -128px -168px; } .footer__country--kp { background-position: -160px -168px; } .footer__country--kr { background-position: -192px -168px; } .footer__country--kw { background-position: -224px -168px; } .footer__country--ky { background-position: -256px -168px; } .footer__country--kz { background-position: -288px -168px; } .footer__country--la { background-position: -320px -168px; } .footer__country--lb { background-position: -352px -168px; } .footer__country--lc { background-position: -384px -168px; } .footer__country--li { background-position: -416px -168px; } .footer__country--lk { background-position: -448px -168px; } .footer__country--lr { background-position: -480px -168px; } .footer__country--ls { background-position: -512px -168px; } .footer__country--lt { background-position: 0 -192px; } .footer__country--lu { background-position: -32px -192px; } .footer__country--lv { background-position: -64px -192px; } .footer__country--ly { background-position: -96px -192px; } .footer__country--ma { background-position: -128px -192px; } .footer__country--mc { background-position: -160px -192px; } .footer__country--md { background-position: -192px -192px; } .footer__country--me { background-position: -224px -192px; } .footer__country--mf { background-position: -256px -192px; } .footer__country--mg { background-position: -288px -192px; } .footer__country--mh { background-position: -320px -192px; } .footer__country--mk { background-position: -352px -192px; } .footer__country--ml { background-position: -384px -192px; } .footer__country--mm { background-position: -416px -192px; } .footer__country--mn { background-position: -448px -192px; } .footer__country--mo { background-position: -480px -192px; } .footer__country--mp { background-position: -512px -192px; } .footer__country--mq { background-position: 0 -216px; } .footer__country--mr { background-position: -32px -216px; } .footer__country--ms { background-position: -64px -216px; } .footer__country--mt { background-position: -96px -216px; } .footer__country--mu { background-position: -128px -216px; } .footer__country--mv { background-position: -160px -216px; } .footer__country--mw { background-position: -192px -216px; } .footer__country--mx { background-position: -224px -216px; } .footer__country--my { background-position: -256px -216px; } .footer__country--mz { background-position: -288px -216px; } .footer__country--na { background-position: -320px -216px; } .footer__country--nc { background-position: -352px -216px; } .footer__country--ne { background-position: -384px -216px; } .footer__country--nf { background-position: -416px -216px; } .footer__country--ng { background-position: -448px -216px; } .footer__country--ni { background-position: -480px -216px; } .footer__country--nl { background-position: -512px -216px; } .footer__country--no { background-position: 0 -240px; } .footer__country--np { background-position: -32px -240px; } .footer__country--nr { background-position: -64px -240px; } .footer__country--nu { background-position: -96px -240px; } .footer__country--nz { background-position: -128px -240px; } .footer__country--om { background-position: -160px -240px; } .footer__country--pa { background-position: -192px -240px; } .footer__country--pe { background-position: -224px -240px; } .footer__country--pf { background-position: -256px -240px; } .footer__country--pg { background-position: -288px -240px; } .footer__country--ph { background-position: -320px -240px; } .footer__country--pk { background-position: -352px -240px; } .footer__country--pl { background-position: -384px -240px; } .footer__country--pm { background-position: -416px -240px; } .footer__country--pn { background-position: -448px -240px; } .footer__country--pr { background-position: -480px -240px; } .footer__country--ps { background-position: -512px -240px; } .footer__country--pt { background-position: 0 -264px; } .footer__country--pw { background-position: -32px -264px; } .footer__country--py { background-position: -64px -264px; } .footer__country--qa { background-position: -96px -264px; } .footer__country--re { background-position: -128px -264px; } .footer__country--ro { background-position: -160px -264px; } .footer__country--rs { background-position: -192px -264px; } .footer__country--ru { background-position: -224px -264px; } .footer__country--rw { background-position: -256px -264px; } .footer__country--sa { background-position: -288px -264px; } .footer__country--sb { background-position: -320px -264px; } .footer__country--sc { background-position: -352px -264px; } .footer__country--sd { background-position: -384px -264px; } .footer__country--se { background-position: -416px -264px; } .footer__country--sg { background-position: -448px -264px; } .footer__country--sh { background-position: -480px -264px; } .footer__country--si { background-position: -512px -264px; } .footer__country--sj { background-position: 0 -288px; } .footer__country--sk { background-position: -32px -288px; } .footer__country--sl { background-position: -64px -288px; } .footer__country--sm { background-position: -96px -288px; } .footer__country--sn { background-position: -128px -288px; } .footer__country--so { background-position: -160px -288px; } .footer__country--sr { background-position: -192px -288px; } .footer__country--ss { background-position: -224px -288px; } .footer__country--st { background-position: -256px -288px; } .footer__country--sv { background-position: -288px -288px; } .footer__country--sx { background-position: -320px -288px; } .footer__country--sy { background-position: -352px -288px; } .footer__country--sz { background-position: -384px -288px; } .footer__country--tc { background-position: -416px -288px; } .footer__country--td { background-position: -448px -288px; } .footer__country--tf { background-position: -480px -288px; } .footer__country--tg { background-position: -512px -288px; } .footer__country--th { background-position: 0 -312px; } .footer__country--tj { background-position: -32px -312px; } .footer__country--tk { background-position: -64px -312px; } .footer__country--tl { background-position: -96px -312px; } .footer__country--tm { background-position: -128px -312px; } .footer__country--tn { background-position: -160px -312px; } .footer__country--to { background-position: -192px -312px; } .footer__country--tr { background-position: -224px -312px; } .footer__country--tt { background-position: -256px -312px; } .footer__country--tv { background-position: -288px -312px; } .footer__country--tw { background-position: -320px -312px; } .footer__country--tz { background-position: -352px -312px; } .footer__country--ua { background-position: -384px -312px; } .footer__country--ug { background-position: -416px -312px; } .footer__country--um { background-position: -448px -312px; } .footer__country--un { background-position: -480px -312px; } .footer__country--us { background-position: -512px -312px; } .footer__country--uy { background-position: 0 -336px; } .footer__country--uz { background-position: -32px -336px; } .footer__country--va { background-position: -64px -336px; } .footer__country--vc { background-position: -96px -336px; } .footer__country--ve { background-position: -128px -336px; } .footer__country--vg { background-position: -160px -336px; } .footer__country--vi { background-position: -192px -336px; } .footer__country--vn { background-position: -224px -336px; } .footer__country--vu { background-position: -256px -336px; } .footer__country--wf { background-position: -288px -336px; } .footer__country--ws { background-position: -320px -336px; } .footer__country--ye { background-position: -352px -336px; } .footer__country--yt { background-position: -384px -336px; } .footer__country--za { background-position: -416px -336px; } .footer__country--zm { background-position: -448px -336px; } .footer__country--zw { background-position: -480px -336px; } .footer__country--zz { background-position: -512px -336px; } @keyframes fadeIn { from { opacity: 0; max-height: 1px; } to { opacity: 1; max-height: 100vh; } } @keyframes fadeOut { from { opacity: 0; max-height: 100vh; } to { opacity: 1; max-height: 1px; } } @keyframes fadeLeft { to { opacity: 1; left: 0; } from { opacity: 1; left: -100%; } } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; box-sizing: border-box; font-family: "AvenirNextRegular","harmonyicons"; /* color: #393a3d;*/ font-size: 16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } em{ font-style: italic; } strong{ font-weight: bold; } hr { width: 100%; border-bottom: 1px solid #d4d7dc; } .main-page-container { flex-grow: 2; } .main-header-container, .main-footer-container, .main-page-container { width: 100%; } .flex-row { display: flex; flex-flow: row; justify-content: flex-start; align-items: flex-start; } .flex-column { display: flex; flex-flow: column; justify-content: flex-start; align-items: flex-start; } .flex-center { align-items: center; justify-content: center; } .flex-break { flex-wrap: wrap; } .full-width, .main-area-container { width: 100%; } .align-center { text-align: center; } .align-right { text-align: right; } .main-area-container { display: flex; flex-flow: column; align-items: stretch; justify-content: flex-start; } @media screen and (min-width: 768px) { .flex-row-tablet { display: flex; flex-flow: row; justify-content: flex-start; align-items: flex-start; } .flex-center-tablet { align-items: center; justify-content: center; } .grid-container { max-width: 1200px; width: 100%; margin: auto; position: relative; } } @media screen and (min-width: 1024px) { .flex-row-desktop { display: flex; flex-flow: row; justify-content: flex-start; align-items: flex-start; } .flex-grow-desktop { flex-grow: 1; } } .videoHeader__container { position: relative; max-height: 100vh; } .videoHeader__container--overlay { position: absolute; top: 0; right: auto; bottom: 0; left: auto; width: 100%; height: 100%; overflow: hidden; z-index: 0; } .videoHeader__video { display: none; } .videoTitle__container { transform: rotate(-4deg) skew(-4deg); background-color: #2ca01c; position: relative; z-index: 2; margin-top: calc(100vw * .03492 + 1px); margin-bottom: calc(100vw * .03492 + 60px); } .videoTitle__main { padding: 12px 20px; line-height: 64px; transform: rotate(4deg) skew(4deg); position: relative; z-index: 2; padding: 20px; } .videoTitle__primary, .videoTitle__secondary, .videoTitle__boom { text-align: left; color: #fff; font-family: "AvenirNextRegular","harmonyicons"; font-size: 32px; font-weight: 600; } .videoTitle__secondary { line-height: 44px; } .videoTitle__boom { font-size: 72px; } @media (min-width: 768px) and (max-width: 1023px) { .videoTitle__container { margin-bottom: calc( 100vw * .03492 + 60px); } .videoTitle__main { padding: 55px; } .videoTitle__primary, .videoTitle__secondary { font-size: 44px; } .videoTitle__secondary { margin-left: 68px; } } @media (min-width: 1200px) { .videoTitle__main { padding: 40px 20px; } .videoTitle__container { left: 50%; top: auto; max-width: 780px; transform: rotate(-4deg) skew(-4deg) translate(-50%, -51.74604%); margin: 0 0 calc(780px * .03492 + 38px) 0; } .videoTitle__container:before { border-left: 780px solid transparent; } .videoTitle__container:after { border-right: 780px solid transparent; } .videoTitle__primary, .videoTitle__secondary, .videoTitle__boom { font-size: 64px; line-height: 64px; text-align: center; margin: 0; } .videoHeader__container { height: 600px; } .videoHeader__video { position: absolute; top: 50%; right: auto; bottom: auto; left: 50%; height: auto; width: auto; min-height: 100%; min-width: 100%; transform: translate(-50%, -50%); display: block; } } .banner-container { float: unset; } .primaryBanner__container { position: relative; z-index: 4; width: calc(100vw - (60px/2)); background-color: #000; } .primaryBanner__content { height: 60px; display: flex; align-items: center; justify-content: center; } .primaryBanner__content:after { right: -30px; position: absolute; content: ""; height: 60px; width: 61px; background-color: transparent; border-top: 30px solid #000; border-bottom: 30px solid #000; border-right: 30px solid transparent; } .primaryBanner__text { display: none; } .primaryBanner__text--capital, .primaryBanner__text--discount { display: none; } .primaryBanner__mobile-text { font-size: 11px; } .primaryBanner__mobile-connect { color: #fff; margin: 0 4px; } @media (min-width: 1200px) { .mobile-only { display: none; } .primaryBanner__container { width: 100vw; max-width: 1200px; display: flex; flex-flow: column; align-items: flex-end; justify-content: center; position: absolute; background-color: transparent; left: 42%; transform: translateX(-50%); } .primaryBanner__content { display: flex; flex-flow: column; align-items: center; justify-content: center; position: relative; height: auto; min-height: 60px; background-color: #393a3d; padding: 8px; z-index: 8; } .primaryBanner__content:after, .primaryBanner__content:before { content: ''; z-index: 2; border: none; position: absolute; top: calc(100% - 7.5px); left: 50%; height: 15px; width: 50%; background: #393a3d; transform: skew(0deg, 6deg); } .primaryBanner__content:before { left: 0; transform: skew(0deg, -6deg); } .primaryBanner__content .base-button { margin: 16px 0; } .primaryBanner__mobile-connect { display: none; } .primaryBanner__text { font-size: 14px; width: 100%; display: block; color: #fff; text-align: center; } .primaryBanner__text--capital, .primaryBanner__text--discount, .primaryBanner__text--symbol { font-size: 16px; font-weight: 600; display: block; color: #fff; } .primaryBanner__text--discount { display: flex; flex-flow: row; align-items: center; justify-content: flex-start; } .primaryBanner__text--discount .primaryBanner__text { padding: 0; font-size: 18px; } .primaryBanner__text--symbol { font-size: 36px; line-height: 34px; } .primaryBanner__percent--column { padding-left: 4px; } .primaryBanner__percent { font-size: 79px; height: 79px; font-weight: 100; font-family: "AvenirNextRegular","harmonyicons"; color: #fff; } } .comp-chart .comp-chart-main-title { font-size: 44px; font-family: "AvenirNextRegular"; } .comp-chart .comp-chart-main { flex-grow: 1; } .comp-chart .comp-chart-row { border-top: 1px solid #babec5; padding: 10px 0; } .comp-chart .comp-chart-row:last-child { border-bottom: 1px solid #babec5; } .comp-chart .chart-single { min-width: 134px; max-width: 134px; margin-left: 1px; } .comp-chart .chart-single-header { background-color: #2ca01c; padding: 16px 8px; } .comp-chart .chart-single-title { color: #fff; font-size: 16px; } .comp-chart .chart-single-body { background-color: #f4f5f8; padding: 16px 8px; text-align: center; } .comp-chart .chart-single-content { margin: 12px 0; } .comp-chart .chart-single-footer { margin: 8px 0; } .comp-chart .chart-single-text { font-size: 12px; } .comp-chart .highlight { color: #d52b1e; } .comp-chart .important { font-weight: 600; } .comp-chart .link { color: #0077c5; text-decoration: none; } .comp-chart .link:hover { text-decoration: underline; } .comp-chart .pricing { position: relative; font-family: "AvenirNextRegular"; font-size: 24px; display: inline-block; letter-spacing: -1px; } .comp-chart .pricing.original { margin-right: 6px; } .comp-chart .pricing.original:after { content: ''; position: absolute; height: 0; width: 100%; border-top: 1px solid #000; top: 50%; left: 0; } .comp-chart .pricing .symbol { font-family: "AvenirNextRegular"; font-size: 18px; vertical-align: top; } .comp-chart .pricing.discount { color: #d52b1e; } .comp-chart .pricing.discount .symbol, .comp-chart .pricing.discount .pricing-type { color: #d52b1e; } .comp-chart .chart-check { width: 10px; height: 10px; background-color: #53b700; border-radius: 100%; } .comp-chart .more-info { font-size: 12px; position: relative; top: -6px; } .comp-chart .comp-chart-expand-2 { width: calc(134px * 2); text-align: center; } .comp-chart .comp-chart-expand-3 { text-align: center; width: calc(134px * 3); } .comp-chart .comp-chat-icon { margin: 0 auto; height: 60px; width: 60px; background-repeat: no-repeat; background-position: center center; } .comp-chart .comp-chart-icon-free { background-image: url(../img/f_icon_30free.png); } .comp-chart .comp-chart-icon-backup { background-image: url(../img/f_icon_backup.png); } .comp-chart .comp-chart-icon-gurantee { background-image: url(../img/f_icon_gurantee_blank.png); } .comp-chart .comp-chart-icon-support { background-image: url(../img/f_icon_support.png); } .comp-chart .comp-chart-overview { text-align: center; } .comp-chart .comp-chart-single-overview { margin: 24px 0; } @media screen and (min-width: 768px) { .comp-chart .comp-chart-single-overview { flex-grow: 1; } } .sales-chat { position: absolute; right: 0; overflow: hidden; } .sales-chat .chat { display: flex; align-items: flex-end; justify-content: flex-end; white-space: nowrap; margin-bottom: 8px; } .sales-chat .chat:hover .chat-content { max-width: 100%; } .sales-chat .chat.chat-message .chat-text { background-color: #0077c5; color: #fff; } .sales-chat .chat.chat-call .chat-text { font-weight: 600; } .sales-chat .chat-content { -webkit-transition: max-width .25s linear; transition: max-width .25s linear; max-width: 0; } .sales-chat .chat-title { font-size: 12px; margin: 0 0 8px 16px; } .sales-chat .chat-text-container { display: flex; align-items: center; background-color: #fff; padding: 4px 8px; height: 40px; } .sales-chat .chat-text { padding: 4px 8px; text-decoration: none; } .sales-chat .chat-icon { width: 40px; height: 40px; align-items: center; justify-content: center; display: flex; } .sales-chat .chat-icon:after { content: ''; display: block; background-image: url("https://quickbooks.intuit.com/etc/designs/phoenix/img/global-sprite.svg"); width: 20px; height: 20px; } .sales-chat .chat-icon.chat-icon-phone { background-color: #2ca01c; } .sales-chat .chat-icon.chat-icon-phone:after { background-position: -268px -400px; } .sales-chat .chat-icon.chat-icon-message { background-color: #0077c5; } .sales-chat .chat-icon.chat-icon-message:after { background-position: -299px -399px; } .tabs { font-size: 1.6rem; color: #393a3d; } .tabs .tabs-menu { display: none; flex-wrap: nowrap; justify-content: center; list-style-type: none; padding-left: 0; border-bottom: 2px solid #babec5; box-shadow: 0 4px 0 #eceef1; margin: 4rem 2rem 4rem 2rem; } .tabs .tabs-title { font-size: 2.8rem; font-family: "AvenirNextRegular"; } .tabs .tab-menu-item { position: relative; user-select: none; font-size: 1.6rem; min-height: 4rem; line-height: 4rem; background-color: #d4d7dc; padding: 0 6rem 0 2rem; margin: 0 0 3.2rem 0; font-weight: 100; } .tabs .tab-menu-item:after { font-family: "harmonyicons"; content: ""; float: right; font-size: 3.2rem; font-weight: 100; color: #fff; position: absolute; right: 20px; } .tabs .tab-menu-item:hover { cursor: pointer; } .tabs .tab-menu-item.active:after { content: ""; } .tabs .tab-body { text-align: center; padding: 0 6rem 0 2rem; margin: 3.6rem 0; } @media screen and (min-width: 768px) { .tabs .tabs-menu { display: flex; } .tabs .tab-body { display: flex; margin: 0; } .tabs .tab-menu-item { line-height: 1.9rem; min-height: auto; margin: 0; border-bottom: 4px solid transparent; background-color: transparent; color: #6b6c72; padding: 0 2rem 1.6rem 2rem; } .tabs .tab-menu-item:after, .tabs .tab-menu-item.active:after { content: ''; } .tabs .tab-menu-item:after { border-right: 1px dotted #babec5; width: 100%; height: 100%; position: absolute; top: 0; right: 0; height: calc(100% - 1.6rem); } .tabs .tab-menu-item:last-child:after { border: none; } .tabs .tab-menu-item:before { content: attr(data-title); font-weight: 600; display: flex; height: 0; overflow: hidden; visibility: hidden; } .tabs .tab-menu-item.active { font-weight: 600; color: #393a3d; border-color: #2ca01c; } .tabs .tab-content .tab-menu-item { display: none; } } .htabs__wrapper--desktop { display: none; } .htabs__wrapper--mobile { position: relative; height: 48px; z-index: 8; } .htabs__wrapper--mobile:after { position: absolute; display: block; content: ''; width: 14px; height: 14px; top: 50%; right: 25px; margin-top: -3px; border-bottom: 3px solid #393a3d; border-right: 3px solid #393a3d; -webkit-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; pointer-events: none; } .htabs__wrapper--desktop.fixed, .htabs__wrapper--mobile.fixed { position: fixed; top: 60px; right: 0; bottom: auto; left: 0; } .htabs__wrapper--mobile.fixed:after { -webkit-transform: rotate(225deg) translateY(-125%); transform: rotate(225deg) translateY(-125%); } .htabs__options { box-sizing: border-box; display: block; width: 100%; height: 48px; padding-left: 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; border: none; font-size: 16px; color: #393a3d; } .htabs__arrow { border: solid black; border-width: 0 3px 3px 0; display: inline-block; padding: 5px; position: absolute; top: 50%; right: 20px; transition: all 0.2s ease-in-out; transform: rotate(45deg) translateY(-50%); -webkit-transform: rotate(45deg) translateY(-50%); } .htabs__arrow--up { transform: rotate(-135deg) translateY(-50%); -webkit-transform: rotate(-135deg) translateY(-50%); } @media screen and (min-width: 1024px) { .htabs__wrapper--mobile { display: none; } .htabs__wrapper--desktop { display: flex; flex-flow: column; align-items: center; justify-content: space-between; width: 100vw; background-color: #f4f5f8; z-index: 8; } .htabs__container { display: flex; flex-flow: row; align-items: center; justify-content: space-between; max-width: 1200px; height: 64px; width: 100vw; margin: auto; border-top: 1px solid #e3e5e8; border-bottom: 1px solid #e3e5e8; } .htabs__links--container { display: flex; flex-flow: row; align-items: center; justify-content: flex-start; height: 100%; } .htabs__links--container .htabs__link__header, .htabs__links--container .htabs__link__title { padding: 20px 16px; } .htabs__links--container .htabs__link__header { font-size: 20px; } .htabs__links--container .htabs__link__title { text-decoration: none; font-size: 16px; color: #393a3d; border: none; border-right: 1px solid #e3e5e8; border-bottom: 4px solid #f4f5f8; } .htabs__links--container .htabs__link__title:first-of-type { border-left: 1px solid #e3e5e8; } .htabs__links--container .htabs__link__title:hover { color: #2c53b7; } .htabs__links--container .js-htabs-link.active { border-bottom: 4px solid #2ca01c; font-weight: 600; } } .modal-container .modal-overlay { position: fixed; z-index: 10; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.6); } .modal-container .modal-content-container { width: 740px; background-color: #fff; border-radius: 3px; padding: 60px 20px; margin: 0 20px; position: relative; min-height: 30vh; height: auto; max-height: 70vh; z-index: 11; } .modal-container .modal-content-container .modal-content { max-height: calc( 60vh - 10vh); overflow: auto; } .modal-container .modal-content-container .modal-content .modal-body { padding: 60px 20px 0; } .modal-container .modal-content-container .modal-close { font-family: 'harmonyicons'; position: absolute; right: 4px; top: 4px; height: 20px; width: 20px; font-size: 20px; color: #babec5; cursor: pointer; } .modal-container .modal-content-container .modal-close:after { content: ""; } .modal-container .modal-buttons { margin: 40px 0 0 0; } .modal-container .single-modal-button { align-items: center; justify-content: center; padding-top: 20px; } body.modal-open { overflow: hidden; } .alert-modal .title { color: #f95700; font-size: 30px; font-weight: bold; margin-bottom: 40px; } .alert-modal .alert-actions { margin-top: 30px; } .alert-modal .alert-action { margin: 0 10px; } .alert-modal .alert-action .link { color: #0077c5; text-decoration: none; } .alert-modal .alert-action .link:hover { text-decoration: underline; } @media screen and (min-width: 768px) { .modal-container .modal-content-container { max-height: 80vh; } .modal-container .modal-content-container .modal-close { right: 20px; top: 20px; } } .collapsible { font-size: 1.4rem; margin: 2rem 0; } .collapsible.disclosure * { font-size: 12px; } .collapsible.disclosure .text-component { margin-top: 2rem; } .collapsible .collapse-link { text-decoration: none; cursor: pointer; text-align: center; user-select: none; margin: 0; -webkit-tap-highlight-color: transparent; } .collapsible .collapse-link:hover { text-decoration: underline; } .collapsible .text { margin-bottom: 2rem; } .collapsible .collapsible-message .text:last-child { margin-bottom: 0; } .accordions-toggle { border-bottom: 2px solid #d4d7dc; padding-bottom: 16px; margin-bottom: 16px; } .accordions-toggle .accordions-expand { margin-right: 8px; padding-right: 8px; border-right: 2px solid #393a3d; } .accordions-toggle .accordions-collapse, .accordions-toggle .accordions-expand { cursor: pointer; user-select: none; color: #0097e6; } .multi-accordion-featured-image { display: none; } .multi-accordion .accordions-container { position: relative; } .multi-accordion .collapse-link { line-height: 24px; text-align: left; display: flex; padding-left: 8px; overflow: hidden; } .multi-accordion .collapse-link:before { font-family: "harmonyicons"; content: ""; font-size: 28px; position: relative; left: -8px; height: 0; text-decoration: none; } .multi-accordion .collapse-link:hover:before { text-decoration: none; } .multi-accordion .collapse-link.active:before { content: ""; } .multi-accordion .collapsible { margin: 0; } .multi-accordion .collapsible-message { padding: 0 0 10px 15px; } .multi-accordion .collapsible-content { margin: 0 0 10px 0; width: 100%; padding-bottom: 10px; border-bottom: 1px solid #d4d7dc; } .multi-accordion-title { font-size: 28px; text-align: center; font-family: "AvenirNextRegular"; } @media screen and (min-width: 768px) { .multi-accordion-featured-image { display: block; width: 400px; } .multi-accordion-featured-image.toggle { position: absolute; top: 0; right: 0; display: none; } .active .multi-accordion-featured-image.toggle { display: block; } .multi-accordion.featured-images { min-height: 246px; } .multi-accordion.featured-images .collapsible-content { flex-grow: 1; margin-right: 420px; } .multi-accordion .collapsible { width: 100%; display: flex; justify-content: space-between; } .featured-image { width: 100%; } } @media screen and (min-width: 1024px) { .multi-accordion-title { font-size: 44px; } .multi-accordion-featured-image { width: 540px; } .multi-accordion.featured-images .collapsible-content { margin-right: 560px; } .multi-accordion.featured-images { min-height: 332px; } } .product-card { margin-bottom: 20px; } .product-card .product-card-header-container { background-color: #2ca01c; } .product-card .product-card-title { width: 100%; position: relative; height: 64px; padding: 20px 0; color: #fff; font-size: 24px; text-align: center; } .product-card .product-card-title:after { position: absolute; top: calc(50% - 6px); right: 20px; display: block; content: ''; background-image: url("https://quickbooks.intuit.com/etc/designs/phoenix/img/global-sprite.svg"); width: 21px; height: 12px; background-position: -499px -910px; } .product-card .product-card-content { display: none; } .product-card.active .product-card-title:after { background-position: -529px -910px; } .product-card.active .product-card-content { display: block; } .product-card .product-card-alert-container { background-color: #9c005e; height: 22px; padding-bottom: 6px; box-sizing: content-box; background-image: url("../img/burst_bottom.png"); background-position: bottom left; background-repeat: repeat-x; } .product-card .product-card-alert-message { font-weight: 600; color: #fff; } .product-card .product-card-pricing-container { text-align: center; margin-top: 28px; } .product-card .product-amount, .product-card .pricing-symbol { font-family: "AvenirNextRegular"; } .product-card .product-amount { position: relative; font-size: 36px; } .product-card .pricing { padding-left: 20px; display: inline-block; } .product-card .pricing.original .product-amount:after { content: ''; display: block; border-top-width: 1px; border-top-style: solid; position: absolute; top: 50%; right: 0; width: 100%; } .product-card .pricing.discount .product-amount { color: #d52b1e; } .product-card .pricing.discount .product-amount .pricing-symbol, .product-card .pricing.discount .product-amount .pricing-type { color: #d52b1e; } .product-card .pricing-info { color: #d52b1e; } .product-card .pricing-info .discount { font-weight: 600; color: #d52b1e; } .product-card .pricing-symbol { position: relative; top: -10px; padding-right: 8px; font-size: 19px; } .product-card .product-card-cta-container { text-align: center; margin-top: 28px; } .product-card .product-card-trial-action { margin-top: 20px; font-size: 12px; line-height: 16px; } .product-card .product-card-trial-action .link { font-size: 12px; } .product-card .link { color: #0077c5; } .product-card .product-card-info-container { margin-top: 28px; } .product-card .info-item { border-top: 1px solid #e3e5e8; padding: 4px 0; } .product-card .info-item:last-child { border-bottom: 1px solid #e3e5e8; } .product-card .important { font-weight: 600; } @media screen and (min-width: 768px) { .product-card .product-card-title:after { display: none; } .product-card .product-card-content { display: block; } .product-card .pricing-info .discount { display: block; } } @media screen and (min-width: 1024px) { .product-card { position: relative; min-height: 28px; } .product-card .product-card-alert-container { position: absolute; width: 100%; } .product-card .product-card-pricing-container { margin: 56px 0 0 0; } .product-card .pricing-info .discount { display: inline-block; } .product-card .product-card-info-container { margin-bottom: 28px; } } .adaptiveImage__img { width: auto; max-width: 100%; } .aboutProduct__container { display: flex; flex-flow: column; margin-bottom: 60px; align-items: center; } .aboutProduct__image { max-width: 100%; width: 100%; } .aboutProduct__image--container, .aboutProduct__title { margin-bottom: 20px; } .aboutProduct__image--container { width: 100%; } @media screen and (min-width: 768px) { .aboutProduct__container { flex-flow: row; margin-bottom: 60px; } .aboutProduct__container .aboutProduct__text--container { padding: 0 0 0 8.333%; } .aboutProduct__container--flip { flex-flow: row-reverse; } .aboutProduct__container--flip .aboutProduct__text--container { padding: 0 8.333% 0 0; } .aboutProduct__text--container { flex-basis: 41.665%; } .aboutProduct__image--container { flex-basis: 58.331%; } .aboutProduct__image--container { margin-bottom: 0; } .aboutProduct__title { font-size: 44px; } } @media (min-width: 1200px) { .aboutProduct__container { margin-bottom: 120px; } } .featureCarousel__slides--container { width: max-content; display: flex; flex-flow: row; align-items: stretch; justify-content: flex-start; } .featureCarousel__slides--container.page-1 { margin-left: calc(40px - 100vw); } .featureCarousel__slides--container.page-2 { margin-left: calc(40px * 2 - 200vw); } .featureCarousel__slides--container.page-3 { margin-left: calc(40px * 3 - 300vw); } .featureCarousel__slides--container.page-4 { margin-left: calc(40px * 4 - 400vw); } .featureCarousel__slides--container.page-5 { margin-left: calc(40px * 5 - 500vw); } .featureCarousel__slides--container.page-6 { margin-left: calc(40px * 6 - 600vw); } .featureCarousel__slide { color: #8d9096; width: calc(100vw/3 - 40px/3); display: flex; flex-flow: column; align-items: center; justify-content: center; padding-bottom: 25px; padding-top: 20px; position: relative; z-index: 2; } .featureCarousel__slide:hover { color: #53b700 !important; } .featureCarousel__slide:hover circle + g { stroke: #53b700; } .featureCarousel__slide:hover g > circle { fill: none; } .featureCarousel__slide.active { color: #8d9096; } .featureCarousel__slide.active circle + g { stroke: white; } .featureCarousel__slide.active g > circle { fill: #53b700; } .featureCarousel__slide circle + g { stroke: #8d9096; } .featureCarousel__slide g > circle { fill: none; } .featureCarousel__slide--image { height: 60px; width: 60px; text-align: center; background-position: center; margin-bottom: 10px; background-repeat: no-repeat; } .featureCarousel__slide--text { text-transform: uppercase; position: relative; z-index: 2; font-family: AvenirNextforINTUIT-Demi; font-size: 12px; font-weight: 500; letter-spacing: 0px; text-align: center; color: inherit; } .featureCarousel__slide.active:after { position: absolute; content: ""; top: auto; right: auto; bottom: auto; left: auto; bottom: 0; border-left: 30px solid transparent; border-right: 30px solid transparent; border-bottom: 18px solid white; z-index: 1; } .featureCarousel__slide.active .featureCarousel__slide--image { color: white; } .featureCarousel__slider { position: relative; overflow: hidden; } .featureCarousel__slider .feature-carousel-scroll-container { overflow: inherit; } .featureCarousel__slider .previous-icon::before { content: "\f06a"; } .featureCarousel__slider .next-icon::before { content: "\f06b"; } .featureCarousel__slider .carousel-previous, .featureCarousel__slider .carousel-next { position: absolute; top: 50%; font-size: 38px; transform: translateY(-50%); color: #8d9096; cursor: pointer; z-index: 3; } .featureCarousel__slider .carousel-next { right: 0; } .featureCarousel__container { background: #fff; z-index: 9; display: none; } .featureCarousel__container.active { display: block; } .featureCarousel__container .video-solo-giant { display: flex; flex-flow: column; align-items: stretch; justify-content: flex-start; } .featureCarousel__container .video-solo-giant .video-thumbnail, .featureCarousel__container .video-solo-giant .video-thumbnail:before { border-radius: 4px; } .featureCarousel__container .video-solo-giant .video-title, .featureCarousel__container .video-solo-giant .video-timestamp, .featureCarousel__container .video-solo-giant .video-description { color: black; font-size: 12px; margin: 0; } .featureCarousel__container .video-solo-giant .video-thumbnail { margin-top: 16px; margin-bottom: 16px; order: 3; } .featureCarousel__info--title { font-size: 28px; line-height: 32px; font-family: geogrotesque; position: relative; padding-bottom: 8px; } .featureCarousel__info--title:before { position: absolute; content: ""; top: auto; right: auto; bottom: 0; left: 0; width: 60px; height: 8px; background-color: #53b700; } .featureCarousel__info--main { padding-top: 16px; padding-bottom: 16px; font-size: 19px; line-height: 24px; } .featureCarousel__info--listItem { display: block; padding-bottom: 16px; margin-left: 16px; font-size: 15px; line-height: 20px; position: relative; } .featureCarousel__info--listItem:before { position: absolute; content: ""; top: 8px; right: auto; bottom: auto; left: -16px; height: 4px; width: 4px; border-radius: 4px; background-color: green; } @media (min-width: 1200px) { .featureCarousel__container { position: static; width: 100%; margin: auto; padding: 41px 0; display: none; } .featureCarousel__container.active { display: flex; flex-flow: row; align-items: flex-start; justify-content: space-between; } .featureCarousel__container .video-solo-giant { margin: 0; } .featureCarousel__info, .featureCarousel__video { order: 1; flex-grow: 2; margin-left: 100px; margin-right: 40px; flex-basis: 0; } .featureCarousel__video { order: 2; margin-left: auto; margin-right: 100px; } .featureCarousel__info--title { font-size: 32px; line-height: 36px; } .featureCarousel__info--main { padding-top: 20px; } .featureCarousel__info--listItem:before { top: 8px; } .featureCarousel__slides--container.page-1 { margin-left: calc(40px - 1200px); } .featureCarousel__slides--container.page-2 { margin-left: calc(40px * 2 - 1200px * 2); } .featureCarousel__slides--container.page-3 { margin-left: calc(40px * 3 - 1200px * 3); } .featureCarousel__slides--container.page-4 { margin-left: calc(40px * 4 - 1200px * 4); } .featureCarousel__slides--container.page-5 { margin-left: calc(40px * 5 - 1200px * 5); } .featureCarousel__slides--container.page-6 { margin-left: calc(40px * 6 - 1200px * 6); } .featureCarousel__slide { width: calc(1200px/8 - 40px/8); } } .pricingChart__slider .pricingChart__mobileHeader { background-color: #fff; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.24), inset 0 -1px 0 0 rgba(106, 107, 113, 0.5); width: 100%; padding-top: 40px; text-align: center; margin-bottom: 22px; } .pricingChart__slider .pricingChart__mobileHeader .pricingChart__mobileHeaderTitle { font-family: "AvenirNextRegular"; font-size: 28px; font-weight: 500; line-height: 1.14; text-align: center; padding-bottom: 15px; } .pricingChart__slider .pricingChart__mobileHeader .pricingChart__sliderControlContainer { overflow: hidden; } .pricingChart__slider .pricingChart__mobileHeader ul { text-align: center; margin: auto; width: 392px; } .pricingChart__slider .pricingChart__mobileHeader ul li { display: inline-block; padding-bottom: 9px; margin: 0 7px 0 7px; cursor: pointer; } .pricingChart__slider .pricingChart__mobileHeader ul li span { font-size: 14px; font-weight: normal; line-height: 1.43; letter-spacing: 0.1px; text-align: left; color: #8d9096; } .pricingChart__slider .pricingChart__mobileHeader ul li.front span { font-weight: bold; color: #393a3d; } .pricingChart__slider .pricingChart__mobileHeader ul li.front-withborder { border-bottom: 4px solid #53b700; } .pricingChart__slider .mobileHeaderIsFixed.pricingChart__chartCarousel .pricingChart__slideHeader { position: fixed; width: 335px; top: 59px; z-index: 1; } .pricingChart__slider .mobileHeaderIsFixed .pricingChart__slideContent { padding-top: 160px; } .pricingChart__slider .mobileHeaderIsFixed .princing-chart-slider__arrow { position: fixed; top: 150px; } .pricingChart__slider .pricingChart__chartCarousel { width: 100%; } .pricingChart__slider .pricingChart__chartCarousel .pricingChart__slide { margin: 0 auto; width: 335px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; box-shadow: 0 2px 4px 0 #babec5; background-color: #fff; } .pricingChart__slider .pricingChart__chartCarousel .pricingChart__slideHeader { background-color: #f4f5f8; width: 100%; display: block; margin: 0 0 10px; } .pricingChart__slider .pricingChart__chartCarousel .pricingChart__slideHeader .pricingChart__priceTitle { font-size: 16px; } .pricingChart__slider .pricingChart__chartCarousel .pricingChart__slideHeader .pricingChart__price .pricingChart__ct, .pricingChart__slider .pricingChart__chartCarousel .pricingChart__slideHeader .pricingChart__price .pricingChart__aw { font-size: 19px; } .pricingChart__slider .pricingChart__chartCarousel .pricingChart__slideHeader .pricingChart__redPriceText { top: 4px; } .pricingChart__slider .pricingChart__chartCarousel .pricingChart__slideHeader .pricingChart__redPriceText .pricingChart__ct, .pricingChart__slider .pricingChart__chartCarousel .pricingChart__slideHeader .pricingChart__redPriceText .pricingChart__aw { font-size: 36px; } .pricingChart__slider .pricingChart__chartCarousel .pricingChart__slideHeader .pricingChart__redPriceMonth { font-size: 14px; } .pricingChart__slider .pricingChart__chartCarousel .pricingChart__slideHeader .payroll_text { font-size: 12px; } .pricingChart__slider .pricingChart__chartCarousel .pricingChart__slideHeader .payroll_text span, .pricingChart__slider .pricingChart__chartCarousel .pricingChart__slideHeader .payroll_text b { font-size: 12px; } .pricingChart__slider .pricingChart__chartCarousel .pricingChart__slideContent { width: 100%; display: block; clear: both; } .pricingChart__slider .pricingChart__chartCarousel .pricingChart__slideContent ul { list-style: none; padding: 0; margin: 0; width: 100%; } .pricingChart__slider .pricingChart__chartCarousel .pricingChart__slideContent ul li { width: 100%; display: block; clear: both; padding: 10px 10px 10px 30px; font-weight: 600; font-size: 16px; line-height: 1.25; text-align: left; position: relative; } .pricingChart__slider .pricingChart__chartCarousel .pricingChart__slideContent ul li.pricingChart--disable .pricingChart--arrowDown { display: none; } .pricingChart__slider .pricingChart__chartCarousel .pricingChart__slideContent ul li.pricingChart--disable span { font-weight: 500; color: #babec5; margin-left: 0px; } .pricingChart__slider .pricingChart__chartCarousel .pricingChart__slideContent .pricingChart__addOns { border-top: solid 1px #d4d7dc; padding-top: 0; } .pricingChart__slider .pricingChart__chartCarousel .pricingChart__slideContent .pricingChart__addOns .payroll-price-text { font-weight: normal; margin-top: 8px; } .pricingChart__slider .pricingChart__chartCarousel .pricingChart__slideContent .pricingChart__addOns.addOns--disable .add-ons-slide-switch { display: none; } .pricingChart__slider .pricingChart__chartCarousel .pricingChart__slideContent .pricingChart__addOns.addOns--disable .add-ons-flag { background-position: -8px -565px; } .pricingChart__slider .pricingChart__chartCarousel .pricingChart__slideContent .pricingChart__addOns.addOns--disable .pricingChart--arrowDown { border: solid #fff; } .pricingChart__slider .pricingChart__chartCarousel .pricingChart__slideContent .pricingChart__addOns.addOns--disable .pricingChart--openPopup, .pricingChart__slider .pricingChart__chartCarousel .pricingChart__slideContent .pricingChart__addOns.addOns--disable .payroll-price-text, .pricingChart__slider .pricingChart__chartCarousel .pricingChart__slideContent .pricingChart__addOns.addOns--disable .add-ons-original-price, .pricingChart__slider .pricingChart__chartCarousel .pricingChart__slideContent .pricingChart__addOns.addOns--disable .add-ons-discounted-price, .pricingChart__slider .pricingChart__chartCarousel .pricingChart__slideContent .pricingChart__addOns.addOns--disable .month { color: #babec5; } .pricingChart__slider.pricingChart--off .pricingChart__feature .pricingChart__price { top: 4px; position: relative; } .pricingChart__slider.pricingChart--off .pricingChart__feature .pricingChart__price .pricingChart__ct, .pricingChart__slider.pricingChart--off .pricingChart__feature .pricingChart__price .pricingChart__aw { font-size: 36px; } .pricingChart__slider .pricingChart__mobileToggle { background-color: #fff; width: 100%; width: 100%; display: block; clear: both; overflow: hidden; position: fixed; bottom: 0; padding: 6px 0 8px; box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.24); transition: bottom 0.4s ease-in; } .pricingChart__slider .pricingChart__mobileToggle.mobileToggle--off { bottom: -60px; } .pricingChart__slider .pricingChart__mobileToggle .pricingChart__buyNowFreeTrial { float: none; margin: 0 auto; width: 100%; } .pricingChart__slider .pricingChart__mobileToggle .pricingChart__buyNowFreeTrial .pricingChart__toggle-container { max-width: 290px; } .pricingChart__slider .pricingChart__mobileToggle .pricingChart__buyNowFreeTrial .pricingChart__offer-text { display: block; } .pricingChart__slider .pricingChart__mobileToggle .pricingChart__buyNowFreeTrial .pricingChart_toggleButton { margin: 0 20px; } .pricingChart__slider #slider { position: relative; overflow: hidden; } .pricingChart__slider #slider-wrapper { width: 9999px; position: relative; transition: left 400ms linear; } .pricingChart__slider .slide { float: left; width: 380px; position: relative; opacity: 0.5; } .pricingChart__slider .slide.on { opacity: 1; } .pricingChart__slider .princing-chart-slider__arrow { height: 60px; width: 20px; cursor: pointer; position: absolute; top: 250px; z-index: 2; } .pricingChart__slider .princing-chart-slider__arrow--off { visibility: hidden; } .pricingChart__slider .princing-chart-slider__arrow--left { background: url(../img/mobile-left-arrow.png) no-repeat; left: 7px; width: 44px; height: 44px; top: 90px; } .pricingChart__slider .princing-chart-slider__arrow--right { background: url(../img/mobile-righ-arrow.png) no-repeat; right: 7px; width: 44px; height: 44px; top: 90px; } .pricingChart__slider { display: block; } .pricingChart__tableContainer { display: none; } .pricingChart { background-color: #eef0f2; padding: 57px 0; } .pricingChart__header-container { margin: 0 auto; } .pricingChart__table, .pricingChart__header-container { margin: 0 auto; width: 728px; } .pricingChart__tableCol { width: 115px; } .pricingChart__tableCol.pricingChart__leftTitle { width: 269px; } .pricingChart.pricingChart--threeCol .pricingChart__buyNowFreeTrial { width: 269px; } .pricingChart.pricingChart--threeCol .pricingChart__feature { width: 143px; } .pricingChart.pricingChart--threeCol .pricingChart__tableCol.pricingChart__leftTitle { width: 269px; } .pricingChart.pricingChart--threeCol .pricingChart__tableCol { width: 153px; } .pricingChart.pricingChart--threeCol .pricingChart__popularRibonV2:after { left: -7px; width: 155px; height: 26px; } @media screen and (min-width: 768px) { .pricingChart__slider { display: none; } .pricingChart__tableContainer { display: block; } } @media screen and (min-width: 1024px) { .pricingChart__table, .pricingChart__header-container { width: 984px; } .pricingChart__tableCol { width: 171px; } .pricingChart__tableCol.pricingChart__leftTitle { width: 300px; } .pricingChart.pricingChart--threeCol .pricingChart__buyNowFreeTrial { width: 299px; } .pricingChart.pricingChart--threeCol .pricingChart__feature { width: 208px; } .pricingChart.pricingChart--threeCol .pricingChart__tableCol.pricingChart__leftTitle { width: 299px; } .pricingChart.pricingChart--threeCol .pricingChart__tableCol { width: 228px; } .pricingChart.pricingChart--threeCol .pricingChart__popularRibonV2:after { left: -10px; width: 226px; height: 31px; } } @media screen and (min-width: 1200px) { .pricingChart__table, .pricingChart__header-container { width: 1132px; } .pricingChart__tableCol { width: 193px; } .pricingChart__tableCol.pricingChart__leftTitle { width: 360px; } .pricingChart.pricingChart--threeCol .pricingChart__buyNowFreeTrial { width: 360px; } .pricingChart.pricingChart--threeCol .pricingChart__feature { width: 237px; } .pricingChart.pricingChart--threeCol .pricingChart__tableCol.pricingChart__leftTitle { width: 360px; } .pricingChart.pricingChart--threeCol .pricingChart__tableCol { width: 257px; } .pricingChart.pricingChart--threeCol .pricingChart__popularRibonV2:after { left: -11px; width: 257px; height: 34px; } } .pricingChart__topHeader { margin-bottom: 16px; overflow: hidden; } .pricingChart__title--left { margin-left: 278px; } .pricingChart__titleContainer { float: left; width: 105px; margin-right: 10px; } .pricingChart__titleContainer.pricingChart__title--right { width: 335px; margin-right: 0; } .pricingChart__titleContainer:after { content: ''; width: 100%; height: 4px; border-radius: 3px; background-color: #d4d7dc; margin-top: 9px; display: block; } .pricingChart__mainHeader { display: flex; padding-top: 8px; border-bottom: solid 1px #e3e5e8; } .pricingChart .pricingChart__buyNowFreeTrial { width: 268px; float: left; } .pricingChart .pricingChart__buyNowFreeTrial .pricingChart__toggle-container { margin: 0 auto; display: block; max-width: 265px; text-align: center; } .pricingChart .pricingChart__buyNowFreeTrial .pricingChart_bn, .pricingChart .pricingChart__buyNowFreeTrial .pricingChart_toggleButton, .pricingChart .pricingChart__buyNowFreeTrial .pricingChart_ft { display: inline-block; vertical-align: middle; font-size: 16px; line-height: 20px; letter-spacing: 0px; text-align: left; } .pricingChart .pricingChart__buyNowFreeTrial .pricingChart_bn .pricingChart__offer-text, .pricingChart .pricingChart__buyNowFreeTrial .pricingChart_toggleButton .pricingChart__offer-text, .pricingChart .pricingChart__buyNowFreeTrial .pricingChart_ft .pricingChart__offer-text { font-size: 12px; } .pricingChart .pricingChart__buyNowFreeTrial .pricingChart_bn { color: #c9007a; font-weight: 700; } .pricingChart .pricingChart__buyNowFreeTrial .pricingChart_bn .pricingChart__offer-text { display: none; } .pricingChart .pricingChart__buyNowFreeTrial .pricingChart_ft { color: #8d9096; font-weight: 600; } .pricingChart .pricingChart__buyNowFreeTrial .pricingChart_ft .pricingChart__offer-text { color: #8d9096; } .pricingChart .pricingChart__buyNowFreeTrial .pricingChart_toggleButton { background-image: url("../img/pricing_chart_sprite.svg"); background-repeat: no-repeat; height: 31px; width: 66px; background-position: -6px -57px; margin: 0 5px; cursor: pointer; } .pricingChart .pricingChart__buyNowFreeTrial .pricingChart__offer { background-image: url("../img/pricing_chart_sprite.svg"); margin: 20px auto 16px auto; height: 97px; width: 115px; background-position: -187px -201px; } .pricingChart__feature { background-color: #fff; vertical-align: top; text-align: center; margin-left: 10px; width: 105px; float: left; padding: 20px 3px; border-top: solid 1px #e3e5e8; border-left: solid 1px #e3e5e8; border-right: solid 1px #e3e5e8; border-top-left-radius: 3px; border-top-right-radius: 3px; border-top: solid 7px #56b620; } .pricingChart__feature .pricingChart__priceTitle { font-size: 12px; line-height: 1.25; letter-spacing: 0px; text-align: center; color: #393a3d; text-transform: uppercase; font-weight: 600; margin-bottom: 8px; } .pricingChart__feature .pricingChart__pricingSection { margin-bottom: 9px; } .pricingChart__feature .pricingChart__price, .pricingChart__feature .pricingChart__redPriceText, .pricingChart__feature .pricingChart__redPriceMonth { display: inline-block; vertical-align: text-bottom; } .pricingChart__feature .pricingChart__redPriceText { position: relative; top: 0; } .pricingChart__feature .pricingChart__price .pricingChart__ct, .pricingChart__feature .pricingChart__price .pricingChart__aw { font-family: "AvenirNextRegular"; font-size: 16px; line-height: 1.26; letter-spacing: 0.1px; text-align: left; color: #8d9096; float: left; text-decoration: line-through; text-decoration-color: #6b6c72; } .pricingChart__feature .pricingChart__redPriceText .pricingChart__ct, .pricingChart__feature .pricingChart__redPriceText .pricingChart__aw { font-family: "AvenirNextRegular"; font-size: 23px; font-weight: 500; line-height: 1.11; letter-spacing: 0.1px; text-align: left; color: #c9007a; float: left; } .pricingChart__feature .pricingChart__redPriceMonth { font-size: 12px; font-weight: 600; line-height: 1.43; letter-spacing: 0px; text-align: left; position: relative; bottom: 2px; color: #c9007a; } .pricingChart__feature .payroll_text { font-size: 12px; text-align: center; color: #393a3d; margin-bottom: 12px; } .pricingChart__feature .payroll_text span, .pricingChart__feature .payroll_text b { font-size: 12px; } .pricingChart__feature .pricingChart__tryitFreeLinkUrl { display: none; } .pricingChart__feature .pricingChart__enhancedInfo, .pricingChart__feature .pricingChart__fullServiceInfo { display: none; } .pricingChart__popularRibonV1 { position: relative; } .pricingChart__popularRibonV1:after { background-image: url("../img/pricing_chart_sprite.svg"); background-repeat: no-repeat; content: ''; position: absolute; width: 85px; height: 55px; background-size: 400%; background-position: -137px -6px; top: -13px; left: 30px; } .pricingChart__popularRibonV2 { position: relative; } .pricingChart__popularRibonV2:after { background-image: url("../img/most-popular-ribon.png"); background-repeat: no-repeat; background-size: contain; content: ''; width: 113px; height: 19px; background-position: 0px 0px; position: absolute; top: -6px; left: -5px; } .pricingChart__title--left h4, .pricingChart__title--right h4 { font-size: 15px; line-height: 1.26; letter-spacing: 0px; text-align: left; color: #8d9096; font-weight: 600; max-width: 105px; } .pricingChart__info { display: none; position: absolute; bottom: 40px; padding: 0; } .pricingChart__info .pricingChart__apex { z-index: -1; position: absolute; bottom: -28px; left: 45%; width: 0px; height: 0px; border-top: 30px solid transparent; border-bottom: 35px solid transparent; border-left: 30px solid #393a3d; } .pricingChart__info .pricingChart__text { background-color: #393a3d; color: #fff; padding: 15px 15px 15px; font-weight: normal; font-size: 14px; line-height: normal; display: inline-block; text-align: left; } .pricingChart--hover { position: relative; } .pricingChart--hover:hover .pricingChart__info { display: block; } .pricingChart__ctasecondary { width: 92px; display: block; border-radius: 3px; margin: 0 auto; background-color: #2da01c; padding: 7px 0; text-decoration: none; } .pricingChart__ctasecondary span { font-size: 14px; font-weight: 600; letter-spacing: 0px; color: #fff; } .pricingChart.pricingChart--off .pricingChart_bn { color: #969a9f; font-weight: 600; } .pricingChart.pricingChart--off .pricingChart_bn .pricingChart__offer-text { display: block; color: #c9007a; font-weight: 600; } .pricingChart.pricingChart--off .pricingChart_ft { color: #393a3d; font-weight: 700; } .pricingChart.pricingChart--off .pricingChart_ft .pricingChart__offer-text { display: none; } .pricingChart.pricingChart--off .pricingChart_toggleButton { background-position: -6px -9px; } .pricingChart.pricingChart--off .pricingChart__offer { background-position: -7px -201px; } .pricingChart.pricingChart--off .pricingChart__feature .pricingChart__price .pricingChart__ct, .pricingChart.pricingChart--off .pricingChart__feature .pricingChart__price .pricingChart__aw { font-family: "AvenirNextRegular"; font-size: 23px; font-weight: 500; line-height: 1.11; letter-spacing: 0.1px; text-align: left; color: #393a3d; float: left; text-decoration: none; } .pricingChart.pricingChart--off .pricingChart__feature .pricingChart__redPriceText { display: none; } .pricingChart.pricingChart--off .pricingChart__feature .pricingChart__button--green { display: none; } .pricingChart.pricingChart--off .pricingChart__feature .pricingChart__tryitFreeLinkUrl { display: block; } .pricingChart.pricingChart--off .pricingChart__feature .pricingChart__redPriceMonth { color: #393a3d; } .pricingChart.pricingChart--enhancedOn .pricingChart__defaultInfo { display: none; } .pricingChart.pricingChart--enhancedOn .pricingChart__enhancedInfo, .pricingChart.pricingChart--enhancedOn .pricingChart__firstColumn { display: block; } .pricingChart.pricingChart--enhancedOn .pricingChart__firstColumn .pricingChart__ctasecondary { margin-top: 35px; } .pricingChart.pricingChart--fullServiceOn .pricingChart__defaultInfo { display: none; } .pricingChart.pricingChart--fullServiceOn .pricingChart__fullServiceInfo, .pricingChart.pricingChart--fullServiceOn .pricingChart__firstColumn { display: block; } .pricingChart.pricingChart--fullServiceOn .pricingChart__firstColumn .pricingChart__ctasecondary { margin-top: 35px; } .pricingChart .pricingChart__mainHeader.pricingChart__fixedHeader { position: fixed; top: 60px; background-color: #eef0f2; border-bottom: solid 2px #e3e5e8; padding-top: 28px; z-index: 1; } .pricingChart .pricingChart__mainHeader.pricingChart__fixedHeader .pricingChart__offer { display: none; } .pricingChart .pricingChart__mainHeader.pricingChart__fixedHeader .pricingChart_bn .pricingChart__offer-text { display: block; color: #c9007a; } .pricingChart .pricingChart__mainHeader.pricingChart__fixedHeader .pricingChart__feature .pricingChart__priceTitle { transition: all 0.5s linear; font-size: 12px; } .pricingChart .pricingChart__mainHeader.pricingChart__fixedHeader .pricingChart__feature .pricingChart__price .pricingChart__ct, .pricingChart .pricingChart__mainHeader.pricingChart__fixedHeader .pricingChart__feature .pricingChart__price .pricingChart__aw { transition: all 0.5s linear; font-size: 16px; } .pricingChart .pricingChart__mainHeader.pricingChart__fixedHeader .pricingChart__feature .pricingChart__redPriceText { top: -2px; } .pricingChart .pricingChart__mainHeader.pricingChart__fixedHeader .pricingChart__feature .pricingChart__redPriceText .pricingChart__ct, .pricingChart .pricingChart__mainHeader.pricingChart__fixedHeader .pricingChart__feature .pricingChart__redPriceText .pricingChart__aw { transition: all 0.5s linear; font-size: 19px; } .pricingChart .pricingChart__mainHeader.pricingChart__fixedHeader .pricingChart__feature .pricingChart__redPriceMonth { transition: all 0.5s linear; font-size: 12px; } @media screen and (min-width: 1024px) { .pricingChart__title--left { margin-left: 320px; } .pricingChart__titleContainer { width: 150px; margin-right: 20px; } .pricingChart__titleContainer.pricingChart__title--right { width: 490px; margin-right: 0; } .pricingChart .pricingChart__buyNowFreeTrial { width: 300px; } .pricingChart .pricingChart__buyNowFreeTrial .pricingChart__toggle-container { max-width: 280px; } .pricingChart .pricingChart__buyNowFreeTrial .pricingChart_toggleButton { padding: 0 17px; } .pricingChart__feature { margin-left: 20px; width: 151px; padding: 20px 10px; } .pricingChart__feature .pricingChart__priceTitle { font-size: 14px; } .pricingChart__feature .pricingChart__redPriceText { top: 4px; } .pricingChart__feature .pricingChart__price .pricingChart__ct, .pricingChart__feature .pricingChart__price .pricingChart__aw { font-size: 19px; } .pricingChart__feature .pricingChart__redPriceText .pricingChart__ct, .pricingChart__feature .pricingChart__redPriceText .pricingChart__aw { font-size: 36px; } .pricingChart__feature .pricingChart__redPriceMonth { font-size: 14px; } .pricingChart__feature .payroll_text { font-size: 12px; } .pricingChart__feature .payroll_text span, .pricingChart__feature .payroll_text b { font-size: 12px; } .pricingChart__popularRibonV1:after { width: 107px; height: 69px; background-position: -187px -9px; top: -14px; left: 50px; background-size: auto; } .pricingChart__popularRibonV2:after { background-size: contain; content: ''; width: 167px; height: 25px; background-position: 0px 0px; top: -8px; left: -8px; } .pricingChart__title--left h4, .pricingChart__title--right h4 { max-width: none; font-size: 19px; } .pricingChart.pricingChart--off .pricingChart__feature .pricingChart__price { top: 4px; position: relative; } .pricingChart.pricingChart--off .pricingChart__feature .pricingChart__price .pricingChart__ct, .pricingChart.pricingChart--off .pricingChart__feature .pricingChart__price .pricingChart__aw { font-size: 36px; } .pricingChart .pricingChart__mainHeader.pricingChart__fixedHeader .pricingChart__feature .pricingChart__priceTitle { font-size: 12px; } .pricingChart .pricingChart__mainHeader.pricingChart__fixedHeader .pricingChart__feature .pricingChart__price { top: 0; } .pricingChart .pricingChart__mainHeader.pricingChart__fixedHeader .pricingChart__feature .pricingChart__price .pricingChart__ct, .pricingChart .pricingChart__mainHeader.pricingChart__fixedHeader .pricingChart__feature .pricingChart__price .pricingChart__aw { font-size: 19px; } .pricingChart .pricingChart__mainHeader.pricingChart__fixedHeader .pricingChart__feature .pricingChart__redPriceText { top: -2px; } .pricingChart .pricingChart__mainHeader.pricingChart__fixedHeader .pricingChart__feature .pricingChart__redPriceText .pricingChart__ct, .pricingChart .pricingChart__mainHeader.pricingChart__fixedHeader .pricingChart__feature .pricingChart__redPriceText .pricingChart__aw { font-size: 19px; } .pricingChart .pricingChart__mainHeader.pricingChart__fixedHeader .pricingChart__feature .pricingChart__redPriceMonth { font-size: 12px; } } @media screen and (min-width: 1200px) { .pricingChart .pricingChart__buyNowFreeTrial { width: 360px; } .pricingChart__title--left { margin-left: 381px; } .pricingChart__titleContainer { width: 173px; margin-right: 20px; } .pricingChart__titleContainer.pricingChart__title--right { width: 554px; } .pricingChart__feature { width: 173px; padding: 20px 15px; } .pricingChart__popularRibonV1:after { width: 107px; height: 69px; background-position: -187px -9px; top: -14px; left: 72px; background-size: auto; } .pricingChart__popularRibonV2:after { background-size: contain; content: ''; width: 187px; height: 25px; background-position: 0px 0px; top: -8px; left: -8px; } } .pricingChart__table { border-spacing: initial; } .pricingChart__table.headerIsFixed { padding-top: 140px; } .pricingChart__tableRow { border-bottom: solid 1px #e3e5e8; display: block; padding: 0; } .pricingChart__tableRow:hover { border-bottom: solid 1px #2ca01c; } .pricingChart--arrowDown { border: solid #393a3d; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); cursor: pointer; margin-left: 10px; margin-right: 20px; } .pricingChart--checkmark { background-image: url("../img/pricing_chart_sprite.svg"); background-position: -185px -383px; height: 19px; width: 20px; display: block; margin: auto; } .pricingChart--checkmark.__off { display: none; } .pricingChart--crossmark { background-position: -227px -384px !important; height: 14px; width: 14px; display: block; margin: auto; } .pricingChart--crossmark.__off { display: none; } .pricingChart__tableCol { height: 50px; vertical-align: top; padding-left: 10px; padding-right: 0; } .pricingChart__tableCol.pricingChart__leftTitle { padding: 0; vertical-align: middle; } .pricingChart__tableCol.pricingChart__leftTitle .pricingChart__tableTitleContainer { margin-left: 20px; } .pricingChart__tableCol.pricingChart__leftTitle .pricingChart__tableTitleContainer span { color: #393a3d; font-weight: 600; font-size: 14px; } .pricingChart__tableCol .col-content { background-color: #fff; height: 50px; display: flex; border-left: solid 1px #e3e5e8; border-right: solid 1px #e3e5e8; } .pricingChart .pricingChart_enhancedPayroll .pricingChart__tableCol .col-content, .pricingChart .pricingChart_fullService .pricingChart__tableCol .col-content { height: 110px; } .pricingChart .pricingChart__open { cursor: pointer; } .pricingChart .pricingChart--openPopup:hover { text-decoration: underline; cursor: pointer; } @media screen and (min-width: 1024px) { .pricingChart__tableCol { padding-left: 20px; } } .pricingChart__addOns .pricingChart__leftTitle { position: relative; } .pricingChart__addOns .pricingChart__tableTitleContainer { margin-top: 15px; } .pricingChart__addOns .add-ons-original-price { text-decoration: line-through; } .pricingChart__addOns .add-ons-discounted-price { font-weight: bold; display: inline; } .pricingChart__addOns .enhanced-payroll .add-ons-slide-switch { top: 58px; } .pricingChart__addOns .add-ons p { font-weight: normal; } .pricingChart__addOns .payroll-price-text { padding-left: 0px; } .pricingChart__addOns .add-ons-flag { background: url("../img/pricing_chart_sprite.svg"); width: 150px; height: 28px; position: relative; top: 0px; margin-bottom: -9px; background-position: -8px -494px; margin-left: 20px; } .pricingChart__addOns .add-ons-slide-switch { background: url("../img/pricing_chart_sprite.svg"); width: 65px; height: 31px; background-position: -7px -105px; position: absolute; right: 40px; bottom: 45px; } .pricingChart__addOns .add-ons-slide-switch.__on { background-position: -7px -153px; } .pricingChart__addOns .add-ons-slide-switch:hover { cursor: pointer; } @media screen and (min-width: 768px) { .pricingChart__addOns .add-ons-slide-switch { right: -5px; } } @media screen and (min-width: 1024px) { .pricingChart__addOns .add-ons-slide-switch { right: 10px; } } @media screen and (min-width: 1200px) { .pricingChart__addOns .add-ons-slide-switch { right: 35px; } } .pricingChart .drawer-overlay { display: none; position: fixed; z-index: 10; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: #000; background-color: rgba(0, 0, 0, 0.4); } .pricingChart .drawer-modal { background-color: #eceef1; width: 100%; z-index: 1000; position: fixed; left: 0; bottom: 0; overflow-x: hidden; transition: 0.3s all; height: 0; } .pricingChart .drawer-modal--active { border-top: 8px solid #53b700; width: 100%; height: 100%; } .pricingChart .drawer-modal__container { max-width: 1200px; width: 100%; height: 100%; margin: auto; } .pricingChart .drawer-modal__container__arrow { height: 60px; width: 20px; cursor: pointer; } .pricingChart .drawer-modal__container__arrow--off { visibility: hidden; } .pricingChart .drawer-modal__container__arrow--left { background: url(../img/left-arrow.png) no-repeat; display: none; } .pricingChart .drawer-modal__container__arrow--right { background: url(../img/right-arrow.png) no-repeat; display: none; } .pricingChart .drawer-modal__container .drawer-modal__container__body { position: relative; overflow: hidden; width: 100%; height: 100%; } .pricingChart .drawer-modal__container .drawer-modal__container__body__close { position: absolute; top: 16px; right: 21px; cursor: pointer; z-index: 10; background-image: url("../img/pricing_chart_sprite.svg"); background-position: -188px -421px; height: 17.2px; width: 17.2px; } .pricingChart .drawer-modal__container .drawer-modal__container__body__wrapper { width: 14500px; position: relative; transition: left 400ms linear; height: 100%; overflow-y: auto; } .pricingChart .drawer-modal__container .drawer-modal__container__body__wrapper__slide { float: left; display: flex; width: 375px; height: 100%; padding: 0 20px; flex-direction: column; padding-bottom: 30px; display: none; } .pricingChart .drawer-modal__container .drawer-modal__container__body__wrapper__slide.active-slide { display: flex; } .pricingChart .drawer-modal__container .drawer-modal__container__body__wrapper__slide__content { box-sizing: border-box; margin-top: 5px; font-size: 14px; padding-right: 41px; position: relative; width: 100%; height: auto; order: 2; } .pricingChart .drawer-modal__container .drawer-modal__container__body__wrapper__slide__content h2 { font-size: 28px; color: #000000; text-align: left; font-family: "AvenirNextRegular", "Calibri", "Trebuchet MS", sans-serif; font-weight: 500; line-height: 1.11; } .pricingChart .drawer-modal__container .drawer-modal__container__body__wrapper__slide__content h3 { font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; font-size: 19px; font-weight: 500; line-height: 1.17; letter-spacing: 0.1px; color: #393a3d; margin-bottom: 16px; padding: 0px; text-align: left; } .pricingChart .drawer-modal__container .drawer-modal__container__body__wrapper__slide__content ul { list-style: none; position: relative; padding-left: 20px; } .pricingChart .drawer-modal__container .drawer-modal__container__body__wrapper__slide__content ul li { margin-bottom: 15px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif; font-size: 14px; font-weight: 400; font-style: normal; line-height: 1.25; letter-spacing: 0px; color: #393a3d; text-align: left; } .pricingChart .drawer-modal__container .drawer-modal__container__body__wrapper__slide__content ul li:before { content: "\2022"; position: absolute; left: 0px; color: #56b620; } .pricingChart .drawer-modal__container .drawer-modal__container__body__wrapper__slide__content__title-underline { width: 69px; height: 8px; background-color: #53b700; margin-top: 3px; margin-bottom: 16px; } .pricingChart .drawer-modal__container .drawer-modal__container__body__wrapper__slide__content__learn-more-link { font-size: 16px; font-weight: 500; line-height: 1.25; letter-spacing: 0px; text-align: left; color: #1279c4; padding-left: 20px; cursor: pointer; display: none; } .pricingChart .drawer-modal__container .drawer-modal__container__body__wrapper__slide__media { position: relative; font-size: 12px; letter-spacing: 0.1px; color: #000000; box-sizing: border-box; margin-top: 20px; width: 100%; } .pricingChart .drawer-modal__container .drawer-modal__container__body__wrapper__slide__media__title { font-size: 12px; line-height: 1.33; letter-spacing: 0.1px; text-align: left; color: #000000; margin-top: 15px; margin-bottom: 16px; } .pricingChart .drawer-modal__container .drawer-modal__container__body__wrapper__slide__media__video { width: 335px; height: 200px; opacity: 0; color: blue; transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -webkit-transition: opacity 0.5s ease-in-out; } .pricingChart .drawer-modal__container .drawer-modal__container__body__wrapper__slide__media__video--on { opacity: 1; } .pricingChart .drawer-modal__container .drawer-modal__container__body__wrapper__slide__media__video-overlay { position: absolute; cursor: pointer; width: 100%; height: 200px; display: block; transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -webkit-transition: opacity 0.5s ease-in-out; opacity: 1; z-index: 1000; background-size: contain; background-repeat: no-repeat; width: 335px; margin: 0 auto; } .pricingChart .drawer-modal__container .drawer-modal__container__body__wrapper__slide__media__video-overlay:hover { opacity: 0.8; } .pricingChart .drawer-modal__container .drawer-modal__container__body__wrapper__slide__media__video-overlay--off { opacity: 0; z-index: -1; } .pricingChart .drawer-modal__container .drawer-modal__container__body__wrapper__slide__media__video-overlay--off:hover { opacity: 0; } @media screen and (min-width: 768px) { .pricingChart .drawer-modal--active { height: 410px; } .pricingChart .drawer-modal__container { max-height: 399px; margin: auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; justify-content: space-around; align-items: center; } .pricingChart .drawer-modal__container__arrow--left { display: block; } .pricingChart .drawer-modal__container__arrow--right { display: block; } .pricingChart .drawer-modal__container .drawer-modal__container__body { height: 405px; width: 695px; } .pricingChart .drawer-modal__container .drawer-modal__container__body__close { top: 26px; right: 0px; } .pricingChart .drawer-modal__container .drawer-modal__container__body__wrapper { width: 14500px; height: auto; } .pricingChart .drawer-modal__container .drawer-modal__container__body__wrapper__slide { display: flex; width: 695px; flex-direction: row; overflow: none; padding-bottom: 0; } .pricingChart .drawer-modal__container .drawer-modal__container__body__wrapper__slide__content { margin-top: 35px; width: 330px; height: 367px; order: 1; padding-right: 10px; } .pricingChart .drawer-modal__container .drawer-modal__container__body__wrapper__slide__content__title-underline { width: 79px; margin-top: 8px; } .pricingChart .drawer-modal__container .drawer-modal__container__body__wrapper__slide__media { width: 325px; order: 2; } .pricingChart .drawer-modal__container .drawer-modal__container__body__wrapper__slide__media__video { width: 335px; height: 200px; } .pricingChart .drawer-modal__container .drawer-modal__container__body__wrapper__slide__media__video-overlay { width: 335px; height: 200px; } } @media screen and (min-width: 1200px) { .pricingChart .drawer-modal__container .drawer-modal__container__body { width: 960px; } .pricingChart .drawer-modal__container .drawer-modal__container__body__wrapper__slide { width: 960px; } .pricingChart .drawer-modal__container .drawer-modal__container__body__wrapper__slide__content { width: 480px; padding-right: 40px; } .pricingChart .drawer-modal__container .drawer-modal__container__body__wrapper__slide__content h2 { font-size: 36px; } .pricingChart .drawer-modal__container .drawer-modal__container__body__wrapper__slide__content h3 { font-size: 24px; } .pricingChart .drawer-modal__container .drawer-modal__container__body__wrapper__slide__content ul li { font-size: 16px; } .pricingChart .drawer-modal__container .drawer-modal__container__body__wrapper__slide__content__learn-more-link { display: block; } .pricingChart .drawer-modal__container .drawer-modal__container__body__wrapper__slide__media { width: 460px; } .pricingChart .drawer-modal__container .drawer-modal__container__body__wrapper__slide__media__video { width: 460px; height: 260px; } .pricingChart .drawer-modal__container .drawer-modal__container__body__wrapper__slide__media__video-overlay { width: 460px; height: 260px; background-size: auto; } } .pricingChart_learnMoreModal .container { width: 940px; margin: 0 auto; padding: 0 10px; } .pricingChart_learnMoreModal .btn-primary, .pricingChart_learnMoreModal #qbo-princing-page .job-detail .job-detail-header .container .btn-back a { border: 0 solid #2ca01c; background-color: #2ca01c; color: #ffffff; padding: 0 16px; text-decoration: none; height: 32px; font-size: 1rem; font-weight: 600; line-height: 32px; } .pricingChart_learnMoreModal #qbo-princing-page .job-detail { position: fixed; bottom: 0; height: 0; width: 100%; overflow: hidden; transition: all 300ms; left: 0; width: 100%; } .pricingChart_learnMoreModal #qbo-princing-page .job-detail .job-detail-header { border-top: 10px solid #2ca01c; border-bottom: 1px solid #d7d7d7; background: white; width: 100%; height: 74px; } .pricingChart_learnMoreModal #qbo-princing-page .job-detail .job-detail-header .container { display: flex; width: 100%; margin: 0 auto; padding: 0 10px; align-items: center; height: 100%; } .pricingChart_learnMoreModal #qbo-princing-page .job-detail .job-detail-header .container p { flex: 3; font-size: 19px; } .pricingChart_learnMoreModal #qbo-princing-page .job-detail .job-detail-header .container .menu { position: absolute; height: 0; overflow: hidden; top: 64px; left: 0; padding: 0; margin: 0; width: 100%; transition: all 300ms; white-space: nowrap; } .pricingChart_learnMoreModal #qbo-princing-page .job-detail .job-detail-header .container .menu li a { background: white; display: block; padding: 20px; color: #606060; text-decoration: none; border-bottom: 1px solid #d7d7d7; } .pricingChart_learnMoreModal #qbo-princing-page .job-detail .job-detail-header .container .menu li a::hover { background: #f1f1f1; } .pricingChart_learnMoreModal #qbo-princing-page .job-detail .job-detail-header .container .menu.open { height: 100%; overflow: visible; position: fixed; } .pricingChart_learnMoreModal #qbo-princing-page .job-detail .job-detail-header .container .nav-icon { margin-right: 20px; width: 30px; height: 25px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } .pricingChart_learnMoreModal #qbo-princing-page .job-detail .job-detail-header .container .nav-icon span { display: block; position: absolute; height: 4px; width: 100%; background: #606060; border-radius: 4px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .pricingChart_learnMoreModal #qbo-princing-page .job-detail .job-detail-header .container .nav-icon span:nth-child(1) { top: 0px; } .pricingChart_learnMoreModal #qbo-princing-page .job-detail .job-detail-header .container .nav-icon span:nth-child(2) { top: 10px; } .pricingChart_learnMoreModal #qbo-princing-page .job-detail .job-detail-header .container .nav-icon span:nth-child(3) { top: 20px; } .pricingChart_learnMoreModal #qbo-princing-page .job-detail .job-detail-header .container .nav-icon.open span:nth-child(1) { top: 10px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .pricingChart_learnMoreModal #qbo-princing-page .job-detail .job-detail-header .container .nav-icon.open span:nth-child(2) { opacity: 0; left: -60px; } .pricingChart_learnMoreModal #qbo-princing-page .job-detail .job-detail-header .container .nav-icon.open span:nth-child(3) { top: 9px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } .pricingChart_learnMoreModal #qbo-princing-page .job-detail .job-detail-header .container .btn-back a { flex: 0 0 114px; display: none; white-space: nowrap; } .pricingChart_learnMoreModal #qbo-princing-page .job-detail .job-detail-content { margin-top: 74px; height: 100vh; overflow: auto; } .pricingChart_learnMoreModal #qbo-princing-page .job-detail .job-detail-content .job-detail-content-main > div { background: white; min-height: 500px; } .pricingChart_learnMoreModal #qbo-princing-page .job-detail.open { height: 100vh; overflow: visible; z-index: 15; width: 100%; left: 0; } .pricingChart_learnMoreModal #qbo-princing-page .job-detail.open .job-detail-header { position: absolute; width: 100%; z-index: 100; } .pricingChart_learnMoreModal #qbo-princing-page .footer { height: 400px; background: red; } @media screen and (min-width: 768px) { .pricingChart_learnMoreModal #qbo-princing-page .job-detail .job-detail-header .container { display: flex; } .pricingChart_learnMoreModal #qbo-princing-page .job-detail .job-detail-header .container p { flex: 1; font-size: 19px; font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif !important; } .pricingChart_learnMoreModal #qbo-princing-page .job-detail .job-detail-header .container .menu { flex: 2; margin: 0; position: initial; display: flex; align-items: stretch; padding: 0; height: auto; } .pricingChart_learnMoreModal #qbo-princing-page .job-detail .job-detail-header .container .menu li { display: inline-block; border-bottom: 4px solid white; border-left: 1px solid #d7d7d7; } .pricingChart_learnMoreModal #qbo-princing-page .job-detail .job-detail-header .container .menu li a { padding: 0 15px; color: #505050; text-decoration: none; height: 59px; display: grid; align-items: center; width: 99%; transition: all 300ms; border-bottom: 0; } .pricingChart_learnMoreModal #qbo-princing-page .job-detail .job-detail-header .container .menu li.active { border-bottom: 4px solid green; font-weight: 600; } .pricingChart_learnMoreModal #qbo-princing-page .job-detail .job-detail-header .container .nav-icon { display: none; } .pricingChart_learnMoreModal #qbo-princing-page .job-detail .job-detail-header .container .btn-back { flex: 0 0 150px; display: flex; align-items: center; justify-content: flex-end; } .pricingChart_learnMoreModal #qbo-princing-page .job-detail .job-detail-header .container .btn-back a { display: block; } } @media screen and (min-width: 991px) { .pricingChart_learnMoreModal #qbo-princing-page .job-detail .job-detail-header .container { display: flex; width: 940px; } } /*Main Navigation styles*/ .mainNav__container { min-height: 52px; } .mainNav__wrapper { background-color: #393a3d; height: 52px; width: 100vw; z-index: 8; display: flex; flex-flow: column; align-items: center; justify-content: space-between; position: fixed; top: 0; right: 0; bottom: auto; left: 0; z-index: 11; } .mainNav-noSticky .mainNav__wrapper { position: absolute; } .mainNav__spacer { height: 52px; } .mainNav__container { height: 52px; display: flex; flex-flow: row; align-items: center; justify-content: space-between; padding: 0 20px; max-width: 960px; width: 100vw; margin: auto; } .mainNav__container.mainNav--larger { max-width: 1200px; } .mainNav__container.nav-opened .mainNav__links--primary { display: block; animation: fadeLeft 0.3s; left: 0; } .mainNav__brandqblogo .fill--color { fill: #ffffff; } .mainNav__boltlogo .fill--color { fill: #000000; } .mainNav__links--primary .link__container, .mainNav__links--secondary .link__container { display: none; } .qb-mainnav .mainNav__links--primary .link__container, .qb-mainnav .mainNav__links--secondary .link__container { display: flex; } .mainNav__container.nav-opened .mainNav__links--primary .link__container { display: flex; animation: fadeLeft 0.5s; cursor: pointer; } .mainNav__container.nav-opened .mainNav__links--primary .link__container.navItem--desktop { display: none; } .mainNav__container.nav-opened .mainNav__mobileButtons__container { text-align: center; } .mainNav__container.nav-opened .mainNav__mobileButtons__container ul li:first-child a { background: #24a205; color: #fff; margin-top: -28px; margin-bottom: 28px; width: 150px; height: 34px; line-height: 17px; text-align: left; font-size: 15px; padding-left: 10px; text-align: center; margin: 20px auto 16px; padding: 10px; display: block; } .mainNav__container.nav-opened .mainNav__mobileButtons__container ul li:last-child a { background: transparent; color: #fff; margin-top: -28px; margin-bottom: 28px; width: 150px; height: 34px; line-height: 11px; text-align: left; font-size: 15px; padding-left: 10px; text-align: center; margin: 16px auto 20px; border: 1px solid #fff; padding: 10px; display: block; } .mainNav__container.nav-opened .mainNav__toggle { background-color: transparent; } .mainNav__container.nav-opened .mainNav__toggle:after { transform: rotate(45deg); bottom: auto; } .mainNav__container.nav-opened .mainNav__toggle:before { transform: rotate(-45deg); top: auto; } .mainNav__logo { display: block; background-image: url("https://quickbooks.intuit.com/etc/designs/phoenix/img/global-sprite.svg"); width: 142px; height: 28px; background-repeat: no-repeat; background-position: -271px -185px; position: relative; z-index: 9; } .mainNav__links--secondary, .mainNav__links--primary { display: flex; flex-flow: row; align-items: stretch; justify-content: flex-start; } .mainNav__links--primary { position: absolute; top: 52px; left: -100%; right: auto; min-height: calc(100vh - 60px); max-height: calc(100vh - 60px); overflow: auto; width: 100%; background-color: #393a3d; border-right: 1px solid #000; display: none; } .mainNav__links--primary .link__container:first-child { border-top: 1px solid #000; } .mainNav-styleTwo .mainNav__links--primary .link__container:first-child { border-top: 1px solid #000; border-bottom: 1px solid #000; } .mainNav__links--primary .link__container { border-bottom: 1px solid #000; max-width: none; } .mainNav__links--primary .link__container .link__title:after, .mainNav__links--primary .link__container .link__title:before { position: absolute; /*content: ""; Remove this comment To add the right arrow to the item */ top: 60%; right: 20px; bottom: auto; left: auto; width: 15px; height: 3px; background-color: #d4d7dc; border-radius: 3px; transform: rotate(45deg) translateX(-45%); transition: all 0.4s; } .mainNav__links--primary .link__container .link__title:before { transform: rotate(-45deg) translateX(45%); display: none; } .mainNav__links--primary .link__container .link__title:after { display: none; } .mainNav__links--primary .link__container .link__title--noArrow { display: flex; flex-flow: row; align-items: center; justify-content: flex-start; min-height: 40px; padding-left: 20px; color: #d4d7dc; text-decoration: none; position: relative; } .mainNav__links--primary .link__container.open .link__title:after, .mainNav__links--primary .link__container.open .link__title:before { top: auto; bottom: 50%; transform: rotate(-45deg) translate(-35%, -45%); } .mainNav__links--primary .link__container.open .link__title:before { transform: rotate(45deg) translate(35%, -45%); } .mainNav__links--secondary .link__show--main { display: flex; } .mainNav__links--container { display: flex; flex-flow: row; align-items: center; justify-content: flex-start; height: 100%; } .mainNav__toggle--container { height: 20px; width: 20px; margin-right: 20px; display: flex; align-items: center; position: relative; } .mainNav__toggle { width: 23px; height: 2px; background-color: #d4d7dc; position: absolute; top: 50%; transform: translateY(-50%); } .mainNav__toggle:before, .mainNav__toggle:after { position: absolute; content: ""; width: 23px; height: 2px; background-color: #d4d7dc; top: -8px; transform: translateY(50%); transition: all 0.2s; } .mainNav__toggle:after { top: auto; bottom: -8px; transform: translateY(-50%); } .link__container { flex-flow: column; } .link__container.open .link__sublink--container { display: flex; flex-flow: column; align-items: stretch; justify-content: flex-start; animation: fadeIn 0.75s; } .link__sublink--container { display: none; min-height: 40px; background-color: #fff; } .link__sublink--container .link__text { color: #000; } .link__sublink--item { display: flex; flex-flow: row; align-items: center; justify-content: flex-start; min-height: 40px; border-bottom: 1px solid #d4d7dc; } .link__sublink--link { text-decoration: none; display: block; width: 100%; padding: 0 20px; } .link__title, .link__title--main { display: flex; flex-flow: row; align-items: center; justify-content: flex-start; min-height: 40px; padding-left: 20px; color: #d4d7dc!important; text-decoration: none; position: relative; -webkit-font-smoothing: auto; } .link__title:hover, .link__title--main:hover { text-decoration: none; } .link__title--main { display: none; } .link__text { color: #eceef1; text-decoration: none; -webkit-font-smoothing: auto; } @media (min-width: 768px) { .mainNav__container { padding: 0 34px; } .mainNav__container.nav-opened .mainNav__links--primary { width: 374px; } .link__title, .link__title--main { padding-left: 34px; } .link__sublink--link { padding: 0 34px; } .mainNav__links--primary .link__container .link__title--noArrow { padding-left: 34px; } } @media (min-width: 1200px) { .mainNav__container { padding: 0 10px; } .mainNav__logo { height: 28px; } .mainNav__toggle--container { display: none; } .mainNav__links--primary, .mainNav__links--secondary { display: flex; flex-flow: row; align-items: stretch; justify-content: flex-start; min-height: 52px; height: 52px; position: static; } .mainNav__links--primary .link__container, .mainNav__links--secondary .link__container { display: flex; border-bottom: none; } .mainNav__links--primary { border-right: none; } .mainNav__links--primary .link__title, .mainNav__links--primary .link__container .link__title--noArrow { display: none; } .mainNav__links--primary .navItem--global .link__title { display: flex; } .mainNav-styleTwo .mainNav__links--primary .link__title { display: flex; } .mainNav__links--primary .link__container:hover .link__sublink--container { display: flex; flex-flow: column; align-items: stretch; justify-content: flex-start; position: absolute; flex-flow: column; top: 52px; border: 2px solid #d4d7dc; } .mainNav__container .mainNav__mobileButtons__container { display: none; } .mainNav__links--primary .link__text { align-self: flex-end; padding-bottom: 13px; } .mainNav__links--primary .link__orphan { display: none; } .mainNav__links--primary .link__orphan.navItem--global { display: flex; } .mainNav-styleTwo .mainNav__links--primary .link__orphan { display: flex; border: none; } .mainNav-styleTwo .mainNav__links--primary .link__container:first-child { border: none; } .mainNav__links--secondary .link__container:hover { position: relative; } .mainNav__links--secondary .link__container:hover .link__sublink--container { display: flex; flex-flow: column; align-items: stretch; justify-content: flex-start; position: absolute; flex-flow: column; top: 52px; border: 2px solid #d4d7dc; right: 0; } .mainNav__links--secondary .link__orphan { display: none; } .link__container.false:hover .link__title.false { border-bottom: 4px solid #2ca01c; } .mainNav-styleTwo .link__container.false:hover .link__title.false { border-bottom: 4px solid transparent; } .mainNav-styleTwo .link__container.false .link__title.false:hover { border-bottom: 4px solid #2ca01c; } .link__sublink--link { padding: 0 20px; } .link__container { display: flex; flex-flow: row-reverse; align-items: stretch; justify-content: flex-start; } .link__container.pipe { padding-right: 20px; position: relative; } .link__container.pipe:after { content: ""; position: absolute; height: 20px; width: 1px; background-color: #979797; top: 17px; right: 0; } .link__title--main { display: flex; border-bottom: 4px solid #393a3d; padding-left: 0; margin-left: 20px; text-decoration: none; } .link__title--noOption { padding-top: 9px; cursor: default!important; } .link__title--main.link__title--noOption:hover { border-bottom: none; padding-bottom: 4px; } .link__title--main:before, .link__title--main:after { display: none; } .link__title--main:hover { border-bottom: 4px solid #2ca01c; } .link__title { display: flex; border-bottom: 4px solid #393a3d; padding-left: 0; margin-left: 20px; padding-top: 3px; } .mainNav-styleTwo .mainNav__links--primary .link__orphan:hover .link__title{ border-bottom: 4px solid #2ca01c; } .link__title:hover { border-bottom: 4px solid #2ca01c; } .link__title--noBorder:hover { border-bottom: 4px solid transparent; } .link__title--noBorder:hover .link__text { color: #eceef1; } .link__sublink--item { border-left: 4px solid #fff; border-bottom: none; white-space: nowrap; } .link__sublink--item:hover { background-color: #eceef1; border-left: 4px solid #2ca01c; } .link__text { color: #d4d7dc; } } @media (min-width: 1024px){ .main-footer-container .container-fluid { width: 100%; margin: 0 auto; padding: 0; } } .footer__container { width: 100vw; max-width: 100%; background-color: #393a3d; display: flex; flex-flow: column; align-items: stretch; justify-content: flex-start; } .footer__content { display: flex; flex-flow: column; align-items: stretch; justify-content: flex-start; } .footer__nav { display: flex; flex-flow: column; align-items: center; justify-content: center; } .footer__nav--link { display: none; } .footer__nav--title { height: 40px; border-bottom: 1px solid #000; padding: 0 20px; color: #d4d7dc; display: flex; flex-flow: row; align-items: center; justify-content: flex-start; position: relative; top: auto; right: auto; bottom: auto; left: auto; } .footer__nav--title:after, .footer__nav--title:before { position: absolute; content: ""; top: 60%; right: 20px; bottom: auto; left: auto; width: 15px; height: 3px; background-color: #d4d7dc; border-radius: 3px; transform: rotate(45deg) translateX(-45%); transition: all 0.4s; } .footer__nav--title:before { transform: rotate(-45deg) translateX(45%); } .footer__nav--links { width: 100%; } .footer__nav--links.open .footer__nav--title:after, .footer__nav--links.open .footer__nav--title:before { top: auto; bottom: 50%; transform: rotate(-45deg) translate(-35%, -45%); } .footer__nav--links.open .footer__nav--title:before { transform: rotate(45deg) translate(35%, -45%); } .footer__nav--links.open .footerLinks__container { display: flex; flex-flow: column; align-items: stretch; justify-content: flex-start; animation: fadeIn 0.75s; } .footer__tools--form, .footer__tools--support { display: none; } .footer__tools--social { display: flex; flex-flow: row; align-items: center; justify-content: center; margin: 0 40px; border-bottom: 1px solid #fff; } .footer__tools--countries { display: flex; flex-flow: row; align-items: center; justify-content: center; margin-top: 20px; } .footer__tools--country { display: flex; flex-flow: row; align-items: center; justify-content: center; color: #d4d7dc!important; text-decoration: none; } .footer__country { display: block; width: 32px; height: 24px; margin-right: 10px; } .footer__image { background-image: url("https://quickbooks.intuit.com/etc/designs/phoenix/img/global-sprite.svg"); display: block; margin: 20px 2.5px; } .footer__global--content { display: flex; flex-flow: column; align-items: center; justify-content: center; margin: 20px 0; padding: 0 20px; } .footer__global--logo { display: block; background-image: url("https://quickbooks.intuit.com/etc/designs/phoenix/img/global-sprite.svg"); height: 30px; width: 90px; background-position: 0 144px; } .footer__global--legalLinks { display: flex; flex-flow: row; align-items: center; justify-content: center; } .footer__global--legalLink { color: #d4d7dc; text-decoration: none; padding: 0 10px; margin: 20px 0; border-left: 1px solid #fff; } .footer__global--legalLink:first-child { border: none; } .footer__global--bottom { display: flex; flex-flow: column; align-items: center; justify-content: center; } .footer__global--legal { color: #d4d7dc; font-size: 14px; text-align: center; } .footer__global--legal:first-child { font-weight: 600; } .footer__global--certificate { margin-top: 20px; display: block; background-image: url("https://quickbooks.intuit.com/etc/designs/phoenix/img/global-sprite.svg"); background-position: -500px -940px; width: 115px; height: 40px; } .footerLinks__container { display: none; } .footerLinks__item { display: flex; flex-flow: column; align-items: stretch; justify-content: flex-start; } .footerLinks__link { padding: 0 10px; display: flex; flex-flow: row; align-items: center; justify-content: flex-start; background-color: #fff; height: 40px; text-decoration: none; border-bottom: 1px solid #d4d7dc; } .social-facebook { width: 21px; height: 21px; background-position: -559px -880px; } .social-facebook:hover { background-position: -559px -910px; } .social-twitter { width: 21px; height: 21px; background-position: -589px -880px; } .social-twitter:hover { background-position: -589px -910px; } .social-google { width: 21px; height: 21px; background-position: -619px -880px; } .social-google:hover { background-position: -619px -910px; } .social-youtube { width: 21px; height: 21px; background-position: -649px -880px; } .social-youtube:hover { background-position: -649px -910px; } .social-linkedin { width: 21px; height: 21px; background-position: -680px -880px; } .social-linkedin:hover { background-position: -680px -910px; } @media (min-width: 1200px) { .footer__content, .footer__global { max-width: 960px; width: 100%; margin: auto; } .footer__nav { margin-top: 40px; display: flex; flex-flow: row; align-items: flex-start; justify-content: flex-start; } .footer__nav--title { display: none; } .footer__nav--link { display: flex; } .footer__tools--social { justify-content: flex-end; margin: 0; } .footer__tools--search, .footer__tools--form, .footer__tools--support, .footer__tools--main { display: flex; flex-flow: row; align-items: center; justify-content: flex-start; } .footer__tools--search { justify-content: space-between; border-bottom: 1px solid #fff; } .footer__tools--link { color: #d4d7dc; text-decoration: none; padding: 0 10px; margin: 20px 0; border-left: 1px solid #fff; } .footer__tools--link:first-child { border: none; color: #d4d7dc; } .footer__tools--link:hover { text-decoration: underline; color: #fff; } .footer__tools--link--noHover { color: #d4d7dc; text-decoration: none; padding: 0 10px; margin: 20px 0; border-left: 1px solid #fff; } .footer__tools--link--noHover:first-child { border: none; } .footer__tools--country:hover, .footer__global--legalLink:hover { text-decoration: underline; color: #fff; } .footer__tools--input { border-bottom-left-radius: 2px; border-top-left-radius: 2px; border-width: 0; height: 30px; padding: 0 10px; } .footer__tools--submit { height: 30px; width: 30px; border: none; background-color: #fff; border-bottom-right-radius: 2px; border-top-right-radius: 2px; background-image: url("https://quickbooks.intuit.com/etc/designs/phoenix/img/global-sprite.svg"); cursor: pointer; background-position: 6px -954px; } .footer__tools { margin: 0 20px; } .footer__global { padding: 30px 20px 0; } .footer__tools--countries { margin: 0; } .footer__global--content { margin: 20px 0; padding: 0; } .footer__global--bottom, .footer__global--top { width: 100%; display: flex; flex-flow: row; align-items: center; justify-content: space-between; margin-bottom: 40px; } .footer__global--legal { text-align: left; } .footer__legal--container { flex-basis: 50%; } .footer__global--legalLink:last-child { padding-right: 0; } a.footer__global--legalLink { color: #fff; font-size: 12px; font-weight: 500; } .footerLinks__container { display: flex; flex-flow: column; align-items: stretch; justify-content: flex-start; } .footerLinks__link { background-color: transparent; color: #d4d7dc!important; border: none; } .footerLinks__link:hover { text-decoration: underline; color: #fff; } .footerLinks__item:first-child .footerLinks__link { font-weight: 600; margin-bottom: 5px; } } .base-button { min-height: 28px; cursor: pointer; font-size: 16px; border-radius: 3px; font-family: "AvenirNextRegular","harmonyicons"; font-weight: 500; color: #fff; background: #2ca01c; border: none; padding: 0 20px; outline: none; min-width: 100px; display: inline-flex; flex-flow: row; text-decoration: none; justify-content: center; align-items: center; text-align: center; } .base-button .button-text { color: #fff; pointer-events: none; } .base-button:active { box-shadow: 0 0 0 2px #8d9096; } .base-button.dark-button { background-color: #393a3d; } .base-button.dark-button:hover { background-color: #000; } .base-button.dark-button:disabled:hover { background-color: #393a3d; } .base-button.white-button { background-color: #fff; } .base-button.white-button:hover { background-color: #fff; } .base-button.white-button:disabled:hover { background-color: #393a3d; } .base-button.white-button .button-text { color: #393a3d; } .base-button.outline-button { background-color: #fff; color: #393a3d; border: 2px solid #393a3d; } .base-button.outline-button .button-text { color: #393a3d; } .base-button.outline-button:hover { border-color: #000; } .base-button.outline-button:hover .button-text { color: #000; } .base-button.outline-button:active { box-shadow: 0 0 0 2px #d4d7dc; } .base-button.outline-button:disabled:hover { background-color: #fff; border-color: #393a3d; } .base-button.outline-button:disabled:hover .button-text { color: #393a3d; } .base-button.jumbo-button { display: flex; min-height: 56px; min-width: 120px; max-width: 336px; font-size: 16px; } .base-button.mini-button { min-height: 24px; min-width: 100px; font-size: 12px; } .base-button.link-button { background-color: transparent; padding: 0; height: auto; width: auto; min-width: auto; min-height: auto; } .base-button.link-button .button-text { color: #0077c5; } .base-button.link-button:hover .button-text { color: #055393; text-decoration: underline; } .base-button:disabled { opacity: 0.6; } .base-button:disabled:hover { background-color: #2ca01c; } .base-button:disabled:active { box-shadow: none; } .main-radio-label { display: flex; justify-content: center; align-items: center; } .main-radio { -webkit-appearance: none; appearance: none; border: 1px solid #babec5; height: 20px; width: 20px; border-radius: 100%; position: relative; outline: none; } .main-radio:before { height: 10px; width: 10px; content: ""; position: absolute; background-color: transparent; left: 50%; top: 50%; border-radius: 100%; transform: translate(-50%, -50%); } .main-radio:hover:not(:disabled) { border-width: 2px; border-color: #babec5; } .main-radio:hover:not(:disabled):before { background-color: #2ca01c; } .main-radio:active:before { background-color: #2ca01c; } .main-radio:checked { border-color: #babec5; } .main-radio:checked:before { background-color: #2ca01c; } .main-radio:disabled { border-color: #eceef1; } .main-radio:disabled:before { background-color: transparent; } .main-radio:disabled:checked:before { background-color: #babec5; } .heading-1 { font-family: "AvenirNextRegular","harmonyicons"; font-size: 36px; line-height: 32px; font-weight: 500; } .heading-2 { font-family: "AvenirNextRegular","harmonyicons"; font-size: 36px; line-height: 40px; font-weight: 500; } .heading-3 { font-family: "AvenirNextRegular","harmonyicons"; font-size: 28px; line-height: 32px; font-weight: 500; } .heading-4 { font-family: "AvenirNextRegular","harmonyicons"; font-size: 24px; line-height: 28px; font-weight: 500; } .body-1 { font-family: "AvenirNextRegular","harmonyicons"; font-size: 19px; line-height: 24px; font-weight: 400; } .body-1-semi { font-family: "AvenirNextRegular","harmonyicons"; font-size: 19px; line-height: 24px; font-weight: 600; } .body-2 { font-family: "AvenirNextRegular","harmonyicons"; font-size: 16px; line-height: 20px; font-weight: 400; } .body-2-semi { font-family: "AvenirNextRegular","harmonyicons"; font-size: 16px; line-height: 20px; font-weight: 600; } .body-3 { font-family: "AvenirNextRegular","harmonyicons"; font-size: 14px; line-height: 20px; font-weight: 400; } .body-3-semi { font-family: "AvenirNextRegular","harmonyicons"; font-size: 14px; line-height: 20px; font-weight: 600; } .body-4 { font-family: "AvenirNextRegular","harmonyicons"; font-size: 12px; line-height: 16px; font-weight: 400; } .body-4-semi { font-family: "AvenirNextRegular","harmonyicons"; font-size: 12px; line-height: 16px; font-weight: 600; } .base-icon { font-family: "harmonyicons"; } .text-component { word-wrap: break-word; } .text-component a { color: #055393; text-decoration: none; } .text-component a:hover { text-decoration: underline; } .text-component b { font-weight: bold; } .text-component i { font-style: italic; } .text-component u { text-decoration: underline; } .text-component sup { vertical-align: super; font-size: smaller; } .text-component sub { vertical-align: sub; font-size: smaller; } .text-center { text-align: center; } .text-subheading { margin-top: 18px; } .fontColor__green { color: #2ca01c; } .fontColor__brand { color: #2ca01c; } .fontColor__green--01 { color: #108000; } .fontColor__green--02 { color: #2ca01c; } .fontColor__green--03 { color: #53b700; } .fontColor__green--04 { color: #7fd000; } .fontColor__green--05 { color: #a9e838; } .fontColor__white { color: #fff; } .fontColor__blue { color: #0097e6; } @media (min-width: 1200px) { .heading-1 { font-family: "AvenirNextRegular","harmonyicons"; font-size: 44px; line-height: 48px; font-weight: 500; } } @media (max-width: 768px) { .text-component { text-align: center; } } .backgroundColor--white01 { background-color: #fff; } .backgroundColor--gray01 { background-color: #393a3d; } .backgroundColor--gray02 { background-color: #6b6c72; } .backgroundColor--gray03 { background-color: #8d9096; } .backgroundColor--gray04 { background-color: #babec5; } .backgroundColor--gray05 { background-color: #d4d7dc; } .backgroundColor--gray06 { background-color: #e3e5e8; } .backgroundColor--gray07 { background-color: #eceef1; } .backgroundColor--gray08 { background-color: #f4f5f8; } .backgroundColor--blue01 { background-color: #055393; } .backgroundColor--blue02 { background-color: #0077c5; } .backgroundColor--blue03 { background-color: #0097e6; } .backgroundColor--blue04 { background-color: #21abf6; } .backgroundColor--blue05 { background-color: #34bfff; } .backgroundColor--green01 { background-color: #108000; } .backgroundColor--green02 { background-color: #2ca01c; } .backgroundColor--green03 { background-color: #53b700; } .backgroundColor--green04 { background-color: #7fd000; } .backgroundColor--green05 { background-color: #a9e838; } .backgroundColor--orange01 { background-color: #f95700; } .backgroundColor--orange02 { background-color: #ff6a00; } .backgroundColor--orange03 { background-color: #ff8000; } .backgroundColor--orange04 { background-color: #ff9331; } .backgroundColor--orange05 { background-color: #ffac61; } .backgroundColor--pink01 { background-color: #9c005e; } .backgroundColor--pink02 { background-color: #c9007a; } .backgroundColor--pink03 { background-color: #e31c9e; } .backgroundColor--pink04 { background-color: #ff59cc; } .backgroundColor--pink05 { background-color: #ff88ec; } .backgroundColor--purple01 { background-color: #4e2b8f; } .backgroundColor--purple02 { background-color: #6436af; } .backgroundColor--purple03 { background-color: #7a3dd8; } .backgroundColor--purple04 { background-color: #9457fa; } .backgroundColor--purple05 { background-color: #a898ff; } .backgroundColor--red01 { background-color: #b80000; } .backgroundColor--red02 { background-color: #d52b1e; } .backgroundColor--red03 { background-color: #e43834; } .backgroundColor--red04 { background-color: #f25a52; } .backgroundColor--red05 { background-color: #ff8979; } .backgroundColor--teal01 { background-color: #008481; } .backgroundColor--teal02 { background-color: #00a6a4; } .backgroundColor--teal03 { background-color: #00c1bf; } .backgroundColor--teal04 { background-color: #00d7d7; } .backgroundColor--teal05 { background-color: #15efe9; } .backgroundColor--yellow01 { background-color: #ffad00; } .backgroundColor--yellow02 { background-color: #fb0; } .backgroundColor--yellow03 { background-color: #ffca00; } .backgroundColor--yellow04 { background-color: #ffdc00; } .backgroundColor--yellow05 { background-color: #fe0; } .fontColor--gray01 { color: #393a3d; } .fontColor--gray02 { color: #6b6c72; } .fontColor--gray03 { color: #8d9096; } .fontColor--gray04 { color: #babec5; } .fontColor--gray05 { color: #d4d7dc; } .fontColor--gray06 { color: #e3e5e8; } .fontColor--gray07 { color: #eceef1; } .fontColor--gray08 { color: #f4f5f8; } .fontColor--blue01 { color: #055393; } .fontColor--blue02 { color: #0077c5; } .fontColor--blue03 { color: #0097e6; } .fontColor--blue04 { color: #21abf6; } .fontColor--blue05 { color: #34bfff; } .fontColor--green01 { color: #108000; } .fontColor--green02 { color: #2ca01c; } .fontColor--green03 { color: #53b700; } .fontColor--green04 { color: #7fd000; } .fontColor--green05 { color: #a9e838; } .fontColor--orange01 { color: #f95700; } .fontColor--orange02 { color: #ff6a00; } .fontColor--orange03 { color: #ff8000; } .fontColor--orange04 { color: #ff9331; } .fontColor--orange05 { color: #ffac61; } .fontColor--pink01 { color: #9c005e; } .fontColor--pink02 { color: #c9007a; } .fontColor--pink03 { color: #e31c9e; } .fontColor--pink04 { color: #ff59cc; } .fontColor--pink05 { color: #ff88ec; } .fontColor--purple01 { color: #4e2b8f; } .fontColor--purple02 { color: #6436af; } .fontColor--purple03 { color: #7a3dd8; } .fontColor--purple04 { color: #9457fa; } .fontColor--purple05 { color: #a898ff; } .fontColor--red01 { color: #b80000; } .fontColor--red02 { color: #d52b1e; } .fontColor--red03 { color: #e43834; } .fontColor--red04 { color: #f25a52; } .fontColor--red05 { color: #ff8979; } .fontColor--teal01 { color: #008481; } .fontColor--teal02 { color: #00a6a4; } .fontColor--teal03 { color: #00c1bf; } .fontColor--teal04 { color: #00d7d7; } .fontColor--teal05 { color: #15efe9; } .fontColor--yellow01 { color: #ffad00; } .fontColor--yellow02 { color: #fb0; } .fontColor--yellow03 { color: #ffca00; } .fontColor--yellow04 { color: #ffdc00; } .fontColor--yellow05 { color: #fe0; } .alignItems__center { margin-left: 50%; transform: translateX(-50%); } .alignItems__right { float: right; } .container-fluid .aem-GridColumn { padding: 0; } .grid-container { padding: 0 20px; } .margin-container { margin: 0 20px; } .spacingContainer__xsmall { height: 8px; width: 8px; } .spacingContainer__small { height: 16px; width: 16px; } .spacingContainer__medium { height: 20px; width: 20px; } .spacingContainer__large { height: 40px; width: 40px; } .spacingContainer__xlarge { height: 60px; width: 60px; } .spacingContainer .hr { width: 100%; border-bottom: 1px solid #d4d7dc; } @media (min-width: 768px) and (max-width: 1023px) { .spacingContainer__xsmall--tablet { height: 8px; width: 8px; } .spacingContainer__small--tablet { height: 16px; width: 16px; } .spacingContainer__medium--tablet { height: 20px; width: 20px; } .spacingContainer__large--tablet { height: 40px; width: 40px; } .spacingContainer__xlarge--tablet { height: 60px; width: 60px; } } @media (min-width: 1200px) { .spacingContainer__xsmall--desktop { height: 8px; width: 8px; } .spacingContainer__small--desktop { height: 16px; width: 16px; } .spacingContainer__medium--desktop { height: 20px; width: 20px; } .spacingContainer__large--desktop { height: 40px; width: 40px; } .spacingContainer__xlarge--desktop { height: 60px; width: 60px; } } .marginLeft__xsmall { margin-left: 8px; } .marginLeft__small { margin-left: 16px; } .marginLeft__medium { margin-left: 20px; } .marginLeft__large { margin-left: 40px; } .marginLeft__xlarge { margin-left: 60px; } .marginRight__xsmall { margin-right: 8px; } .marginRight__small { margin-right: 16px; } .marginRight__medium { margin-right: 20px; } .marginRight__large { margin-right: 40px; } .marginRight__xlarge { margin-right: 60px; } .placeHolder__small { height: 60px; width: 60px; } .placeHolder__medium { height: 120px; width: 120px; } .placeHolder__large { height: 180px; width: 180px; } .placeHolder__xlarge { height: 240px; width: 240px; } .placeHolder__xxlarge { height: 420px; width: 420px; } .placeHolder__maxwidth { height: 420px; width: 100%; } .hidden { display: none !important; } .hide { display: none; } .show-block-on-mobile { display: block; } @media screen and (min-width: 768px) { .show-block-on-mobile { display: none; } .show-block-on-tablet { display: block; } } @media screen and (min-width: 1024px) { .show-block-on-tablet { display: none; } .show-block-on-desktop { display: block; } } .counter-aem-component { background-color: #005296; padding: 10px; } .counter-aem-component__container { display: flex; justify-content: center; } .counter-aem-component__container--right { justify-content: flex-end; } .counter-aem-component__container--center { justify-content: center; } .counter-aem-component__container--left { justify-content: flex-start; } .counter-aem-component__container__time { align-content: center; background-color: white; border-radius: 3px; height: 40px; line-height: 1; width: 40px; margin-left: 5px; } .counter-aem-component__container__time__box { font-weight: 700; font-size: 18px; position: relative; top: 2px; text-align: center; } .counter-aem-component__container__time__label { font-size: 12px; margin-top: 2px; text-align: center; } .section-heading { padding-top: 40px; margin-bottom: 40px; } @media screen and (min-width: 1024px) { .section-heading { padding-top: 60px; margin-bottom: 40px; } } .hero-container { position: relative; text-align: center; } .hero-container .cq-placeholder { height: auto; } .hero-container .heroBackground { position: absolute; right: 0; top: 0; bottom: 0; min-height: 100%; min-width: 100%; left: 50%; transform: translateX(-50%); } .hero-container .hero-background-image { position: absolute; background-position: center center; background-repeat: no-repeat; background-size: cover; top: 0; left: 0; height: 100%; width: 100%; z-index: 0; } .hero-container .hero { color: #fff; padding: 40px 0; position: relative; z-index: 1; } .hero-container .hero .text-heading, .hero-container .hero .text-subheading { color: #fff; } .hero-container .hero .section-heading { border-top: none; } .hero-container.hero-photography-type .hero-background-image { background-size: cover; } .hero-container.hero-photography-type .hero { position: relative; z-index: 1; } .hero-container.hero-photography-type:after { content: ''; position: absolute; z-index: 0; top: 0; left: 0; display: block; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.5); } .hero-container .aem-Grid { justify-content: center; } @media screen and (min-width: 768px) { .hero-container { text-align: left; } .hero-container .text-heading, .hero-container .text-subheading { width: 40%; } .hero-container.hero-photography-type:after { width: 50%; } .hero-container .aem-Grid { justify-content: left; } } .carousel-container { position: relative; padding: 40px; border: 1px solid #d4d7dc; display: flex; flex-flow: column; align-items: stretch; justify-content: flex-start; } .carousel-container .cq-placeholder { height: auto; } .carousel-container .carousel-slides { display: flex; flex-flow: column; align-items: stretch; justify-content: flex-start; width: 100%; } .carousel-container .carousel-slide { display: none; min-height: 420px; overflow: auto; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; } .carousel-container .carousel-slide.active, .carousel-container .carousel-slide.on { display: block; display: flex; flex-flow: column; align-items: space-between; justify-content: flex-start; } .carousel-container .carousel-slide .slide-title { text-align: center; } .aem-AuthorLayer-Edit .carousel-slide { display: block; } .carousel-navigation { display: flex; flex-flow: row; align-items: stretch; justify-content: center; } .carousel-navigation .carousel-pages { display: flex; flex-flow: row; align-items: stretch; justify-content: flex-start; } .carousel-navigation .carousel-pages .carousel-page { height: 5px; width: 5px; margin: 10px; cursor: pointer; background-color: #d4d7dc; border-radius: 100%; } .carousel-navigation .carousel-pages .carousel-page.active, .carousel-navigation .carousel-pages .carousel-page.on { background-color: #2ca01c; } .carousel-navigation .carousel-pages .carousel-page.carousel-page-image { border-radius: 2px; opacity: 0.6; background-color: transparent; } .carousel-navigation .carousel-pages .carousel-page.carousel-page-image:hover { opacity: 0.8; } .carousel-navigation .carousel-pages .carousel-page.carousel-page-image.active { opacity: 1; } .carousel-navigation .carousel-previous, .carousel-navigation .carousel-next { line-height: 21px; font-size: 42px; height: 20px; margin: 0 20px; cursor: pointer; user-select: none; } .content-dark { background-color: #393a3d; padding: 1.6rem; } .video-container .video-link { cursor: pointer; display: flex; align-items: center; } .video-container .video-link:hover { text-decoration: underline; text-decoration-color: #0077c5; } .video-container .video-no-link { cursor: default; display: flex; align-items: center; } .video-container .video-inline { margin: 0 0 2rem 0; min-width: auto !important; min-height: 236px; } .video-container .video-title, .video-container .video-timestamp, .video-container .video-link.icon:before { color: #0077c5; } .video-container .color--white01 { color: #fff; } .video-container .color--black01 { color: #000; } .video-container .color--blue02 { color: #0077c5; } .video-container .video-description { color: #393a3d; } .video-container .video-timestamp:before { padding: 0 4px; } .video-text.video-text-center { text-align: center; } .video-text.video-text-center .video-link { justify-content: center; } .video-text .video-link.icon:before { font-family: 'harmonyicons'; line-height: 1.6rem; content: ""; padding: 0px 6px 0 0; } .video-text .video-list-item { display: flex; } .video-text .light-video-link .video-title, .video-text .light-video-link .video-timestamp, .video-text .light-video-link.icon:before { color: #fff; } .video-text .video-description { display: inline; } .video-solo-giant { cursor: pointer; } .video-solo-giant:hover .video-thumbnail:before { opacity: .5; } .video-solo-giant .video-thumbnail { position: relative; margin: 0 0 2rem 0; min-width: auto !important; min-height: 236px; background: url("../img/video-thumb.png") no-repeat; } .video-solo-giant .video-thumbnail:before { content: ''; background-color: #000; opacity: .3; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .video-solo-giant .video-thumbnail:after { font-family: 'harmonyicons'; content: ""; position: absolute; font-size: 130px; color: #fff; width: 100%; left: 0; top: 30%; text-align: center; } .video-solo-giant .video-description { font-size: 90%; margin: 1.6rem 0 0 0; } .video-player-container:not(.hidden) { display: flex; align-items: center; justify-content: center; } .video-player-container { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 100; } .video-player { cursor: move; box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.5); border-radius: 4px; background-color: #000; max-width: 656px; width: 100%; padding: 0 1.6rem 4rem 1.6rem; } .video-player .video { width: 100%; } .video-player .video-header { display: flex; justify-content: space-between; max-width: 100%; font-size: 2rem; padding: 1.6rem 0; line-height: 2.4rem; } .video-player .video-title { color: #fff; padding: 0 2rem 0 0; font-weight: 500; font-size: 20px; word-break: break-all; } .video-player .video-controls { text-align: right; } .video-player .video-minimize:after, .video-player .video-close:after { font-family: 'harmonyicons'; cursor: pointer; color: #fff; } .video-player .video-close:after { content: ""; } .video-player .video-minimize:after { content: ""; margin-right: 3.2rem; } .video-player .video-frame { position: relative; } .video-player .video-frame-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); } .video-player .video-frame-overlay-content { top: 50%; position: absolute; text-align: center; display: flex; width: 100%; align-items: center; flex-direction: column; } .video-player .video-frame-title { color: #fff; margin-bottom: 8px; } .video-player .base-button { color: #fff; } .mini .video-player { width: 328px; padding: 0 1.6rem 2rem 1.6rem; } .mini .video-player .video-title { display: none; } .mini .video-player .video-header { font-size: 90%; line-height: normal; } .mini .video-player .video-controls { width: 100%; } .video-flair { position: relative; text-align: center; } .video-flair .video-solo-giant { margin: 0 auto; } .video-flair .video-link { justify-content: center; } @media screen and (min-width: 768px) { .video-flair { position: relative; } .video-flair:after, .video-flair:before { display: block; content: ''; position: absolute; top: 70px; height: 134px; width: 100%; background-size: cover; background-repeat: no-repeat; } .video-flair:after { background-image: url("../img/right-video-flair.svg"); right: 50%; margin-right: -251px; } .video-flair:before { background-image: url("../img/left-video-flair.svg"); left: 50%; margin-left: -251px; } .video-flair .video-solo-giant { max-width: 380px; } .video-flair .video-thumbnail { min-height: 236px; min-width: 380px; } } @media screen and (min-width: 1024px) { .video-flair:after, .video-flair:before { height: 235px; width: 77px; margin: 0; top: 40px; } .video-flair:after { right: 0; } .video-flair:before { left: 0; } .video-flair .video-solo-giant { max-width: 380px; } .video-flair .video-thumbnail { min-height: 236px; min-width: 100%; } } #un-header,#un-footer,#un_footer,#app,#main{width:100%} #un-header br { display: none; } .text-left{ text-align: left!important; } article, article ol, article p, article ul, article ul>li { font-size: 1.125rem!important; line-height: 1.5 } article ol, article p, article ul { margin-bottom: 2rem } .tag_wrapper { margin-bottom: 18px; margin-top:-18px; } .article-tags { padding: 1.25rem 0 } ul.tag-list { -webkit-padding-start: 0; margin: 0; padding-left: 0 } .tag-list li { float: left; margin: 0 .625rem .625rem 0; list-style: none; } .clearfix:after, .navbar:after, .social-icons:after, .tag-list:after { content: ""; display: table; clear: both } .tag-list li a { font-size: .75rem; font-family: AvenirNext-Medium, Arial, sans-serif; color: #393a3d; background-color: #eceef1; padding: .25rem .75rem } .tag-list li a.active, .tag-list li a:hover { color: #fff; background-color: #393a3d }