/** BEGIN: /css/v1/wordpress-theme.css**/
/** BEGIN: /css/v1/public.css**/
/** BEGIN: /css/shared/vfb-font/style.css**/
@font-face { font-family: 'vfb-font'; src: url("//edge1.abcsubmit.com/css/shared/vfb-font/fonts/vfb-font.eot?j8z4pp&_r_=43027b40"); src: url("//edge1.abcsubmit.com/css/shared/vfb-font/fonts/vfb-font.eot?j8z4pp&_r_=43027b40")format('embedded-opentype'), url("//edge1.abcsubmit.com/css/shared/vfb-font/fonts/vfb-font.ttf?j8z4pp&_r_=43027b40")format('truetype'), url("//edge1.abcsubmit.com/css/shared/vfb-font/fonts/vfb-font.woff?j8z4pp&_r_=43027b40")format('woff'), url("//edge1.abcsubmit.com/css/shared/vfb-font/fonts/vfb-font.svg?j8z4pp&_r_=43027b40")format('svg'); font-weight: normal; font-style: normal; font-display: block; } .vfb {  font-family: 'vfb-font' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .vfb-logo:before { content: "\e92f"; } .vfb-dashboard1:before { content: "\e99f"; } .vfb-neuron:before { content: "\e9e1"; } .vfb-dashboard:before { content: "\e951"; } .vfb-home:before { content: "\e92d"; } .vfb-abc-flux:before { content: "\e94e"; } .vfb-big-data:before { content: "\eaaf"; } .vfb-company:before { content: "\e954"; } .vfb-run:before { content: "\f0e7"; } .vfb-wizard:before { content: "\f0d0"; } .vfb-share:before { content: "\ea82"; } .vfb-marketplace:before { content: "\e95b"; } .vfb-quit:before { content: "\f090"; } .vfb-undo:before { content: "\e967"; } .vfb-redo:before { content: "\e968"; } .vfb-back:before { content: "\ea39"; } .vfb-forward:before { content: "\ea35"; } .vfb-folder-open:before { content: "\e930"; } .vfb-shared-folder:before { content: "\e9da"; } .vfb-save:before { content: "\e914"; } .vfb-new-form:before { content: "\e924"; } .vfb-form-document:before { content: "\e9c4"; } .vfb-help:before { content: "\e941"; } .vfb-feedback:before { content: "\e9c7"; } .vfb-notifications:before { content: "\e9cb"; } .vfb-seo:before { content: "\e9cc"; } .vfb-security:before { content: "\e9cd"; } .vfb-sad:before { content: "\e9e5"; } .vfb-page:before { content: "\eae3"; } .vfb-new-document:before { content: "\eae3"; } .vfb-page-size:before { content: "\eae5"; } .vfb-label:before { content: "\e900"; } .vfb-sc-button:before { content: "\e923"; } .vfb-button:before { content: "\e983"; } .vfb-textarea:before { content: "\e901"; } .vfb-hidden-textarea:before { content: "\e9d9"; } .vfb-textbox:before { content: "\e907"; } .vfb-hidden-textbox:before { content: "\e9d8"; } .vfb-url:before { content: "\e9a3"; } .vfb-hint:before { content: "\e9a5"; } .vfb-password:before { content: "\e98d"; } .vfb-dropdown:before { content: "\e90b"; } .vfb-radio-field:before { content: "\ea5a"; } .vfb-radio:before { content: "\ea54"; } .vfb-radio-unchecked:before { content: "\ea56"; } .vfb-radio-layout-none:before { content: "\ea5e"; } .vfb-radio-layout-2c:before { content: "\ea60"; } .vfb-radio-layout-3c:before { content: "\ea6a"; } .vfb-radio-layout-4c:before { content: "\ea6d"; } .vfb-address:before { content: "\ea84"; } .vfb-phone:before { content: "\ea85"; } .vfb-email:before { content: "\ea86"; } .vfb-default-notification:before { content: "\ea8a"; } .vfb-deleted-notification:before { content: "\ea8d"; } .vfb-signature:before { content: "\e976"; } .vfb-radio-alt:before { content: "\e9bb"; } .vfb-checkbox:before { content: "\ea52"; } .vfb-checkbox-field:before { content: "\ea57"; } .vfb-checkbox-unchecked:before { content: "\ea53"; } .vfb-tos:before { content: "\ea55"; } .vfb-form-progress:before { content: "\ea6e"; } .vfb-checkbox-alt:before { content: "\e9ba"; } .vfb-rating:before { content: "\e90c"; } .vfb-star-empty:before { content: "\e978"; } .vfb-repeatable-list:before { content: "\e975"; } .vfb-flexbox:before { content: "\e8f3"; } .vfb-credit-card:before { content: "\e90d"; } .vfb-name-field:before { content: "\e9d3"; } .vfb-identity:before { content: "\e90e"; } .vfb-user:before { content: "\e90e"; } .vfb-add-user:before { content: "\e955"; } .vfb-user-group:before { content: "\e956"; } .vfb-map:before { content: "\e94b"; } .vfb-location:before { content: "\e90f"; } .vfb-date:before { content: "\e953"; } .vfb-calendar:before { content: "\e9d2"; } .vfb-time:before { content: "\e952"; } .vfb-quiz:before { content: "\e9dc"; } .vfb-photo-camera:before { content: "\e999"; } .vfb-net-promoter-score:before { content: "\e9d4"; } .vfb-gps-device:before { content: "\e99d"; } .vfb-gps-location:before { content: "\e99e"; } .vfb-picture:before { content: "\e91f"; } .vfb-icon:before { content: "\eae4"; } .vfb-file:before { content: "\e9c6"; } .vfb-rich-text:before { content: "\ea5d"; } .vfb-cart:before { content: "\e93a"; } .vfb-currency:before { content: "\e9d1"; } .vfb-form:before { content: "\e934"; } .vfb-video:before { content: "\ea9d"; } .vfb-earth:before { content: "\e9ca"; } .vfb-breadcrumbs:before { content: "\e935"; } .vfb-progress:before { content: "\e910"; } .vfb-loop:before { content: "\ea2d"; } .vfb-repeatable:before { content: "\ea31"; } .vfb-advanced-slider:before { content: "\e969"; } .vfb-burger-menu:before { content: "\e9bd"; } .vfb-zoom-in:before { content: "\e911"; } .vfb-product-field:before { content: "\e936"; } .vfb-shop:before { content: "\e937"; } .vfb-survey:before { content: "\e992"; } .vfb-columns:before { content: "\e93c"; } .vfb-column:before { content: "\e93d"; } .vfb-container:before { content: "\e942"; } .vfb-zoom-out:before { content: "\e912"; } .vfb-preview:before { content: "\e986"; } .vfb-preview-alt:before { content: "\e9ce"; } .vfb-hide-field:before { content: "\e9cf"; } .vfb-desktop:before { content: "\e30b"; } .vfb-mobile:before { content: "\e913"; } .vfb-folder:before { content: "\e2c7"; } .vfb-open:before { content: "\e2c7"; } .vfb-theme:before { content: "\e920"; } .vfb-paint:before { content: "\e920"; } .vfb-rules:before { content: "\e9c2"; } .vfb-translate:before { content: "\e915"; } .vfb-formula:before { content: "\e92e"; } .vfb-lock:before { content: "\e98f"; } .vfb-unlock:before { content: "\e990"; } .vfb-required:before { content: "\e9a6"; } .vfb-unique:before { content: "\e9d6"; } .vfb-validation-none:before { content: "\e9a7"; } .vfb-validation-alpha:before { content: "\e9a8"; } .vfb-validation-alpha-space:before { content: "\e9a9"; } .vfb-validation-alpha-numeric:before { content: "\e9aa"; } .vfb-validation-alpha-numeric-space:before { content: "\e9ab"; } .vfb-validation-float:before { content: "\e9ac"; } .vfb-validation-int:before { content: "\e9ad"; } .vfb-validation-float-unsigned:before { content: "\e9ae"; } .vfb-validation-int-unsigned:before { content: "\e9af"; } .vfb-validation-email:before { content: "\e9b1"; } .vfb-validation-url:before { content: "\e9b2"; } .vfb-validation-name:before { content: "\e9b3"; } .vfb-validation-phone:before { content: "\e9b4"; } .vfb-validation-address:before { content: "\e9be"; } .vfb-validation-date:before { content: "\e9bf"; } .vfb-validation-time:before { content: "\e9dd"; } .vfb-validation-pattern:before { content: "\e9e3"; } .vfb-error2:before { content: "\e000"; } .vfb-warning:before { content: "\e001"; } .vfb-question:before { content: "\ea09"; } .vfb-error:before { content: "\e916"; } .vfb-finish:before { content: "\e9df"; } .vfb-transparent:before { content: "\eacd"; } .vfb-no-color:before { content: "\eace"; } .vfb-attachment:before { content: "\e917"; } .vfb-switch:before { content: "\e918"; } .vfb-queue:before { content: "\e03c"; } .vfb-floating-bar:before { content: "\f08e"; } .vfb-close:before { content: "\e5ce"; } .vfb-check:before { content: "\e5cd"; } .vfb-delete:before { content: "\e872"; } .vfb-filter:before { content: "\ea5b"; } .vfb-more-vertical:before { content: "\e5d4"; } .vfb-message:before { content: "\e0d8"; } .vfb-plugin:before { content: "\e919"; } .vfb-print:before { content: "\e91a"; } .vfb-printer:before { content: "\e958"; } .vfb-expand:before { content: "\e91b"; } .vfb-caret-down:before { content: "\e91b"; } .vfb-caret-left:before { content: "\e91c"; } .vfb-collapse-left:before { content: "\e91c"; } .vfb-double-caret-left:before { content: "\e9b7"; } .vfb-caret-right:before { content: "\e91d"; } .vfb-expand-right:before { content: "\e91d"; } .vfb-double-caret-right:before { content: "\e9b8"; } .vfb-collapse:before { content: "\e91e"; } .vfb-caret-up:before { content: "\e91e"; } .vfb-plus:before { content: "\ea0a"; } .vfb-minus:before { content: "\ea0b"; } .vfb-operators:before { content: "\e933"; } .vfb-calculator:before { content: "\e9c1"; } .vfb-settings:before { content: "\e994"; } .vfb-account-settings:before { content: "\e9de"; } .vfb-tools:before { content: "\e9b5"; } .vfb-mouse-left:before { content: "\e95d"; } .vfb-mouse-right:before { content: "\e95e"; } .vfb-keyboard-meta:before { content: "\e95f"; } .vfb-keyboard-option:before { content: "\e960"; } .vfb-keyboard-up:before { content: "\e961"; } .vfb-keyboard-down:before { content: "\e962"; } .vfb-keyboard-left:before { content: "\e965"; } .vfb-keyboard-right:before { content: "\e966"; } .vfb-decrease-height:before { content: "\e971"; } .vfb-increase-height:before { content: "\e972"; } .vfb-add-space:before { content: "\e973"; } .vfb-remove-space:before { content: "\e974"; } .vfb-bold:before { content: "\ea62"; } .vfb-italic:before { content: "\ea66"; } .vfb-underline:before { content: "\ea67"; } .vfb-text-color:before { content: "\ea63"; } .vfb-background-color:before { content: "\ea64"; } .vfb-border-color:before { content: "\ea65"; } .vfb-strikethrough:before { content: "\ea69"; } .vfb-font-size1:before { content: "\ea5f"; } .vfb-superscript:before { content: "\ea6b"; } .vfb-subscript:before { content: "\ea6c"; } .vfb-align-left:before { content: "\ea77"; } .vfb-picture-align-left:before { content: "\ea87"; } .vfb-align-center:before { content: "\ea7d"; } .vfb-picture-align-top:before { content: "\ea88"; } .vfb-align-right:before { content: "\ea79"; } .vfb-picture-align-right:before { content: "\ea89"; } .vfb-align-justify:before { content: "\ea7a"; } .vfb-align-middle:before { content: "\ea78"; } .vfb-align-top:before { content: "\ea7f"; } .vfb-align-bottom:before { content: "\ea81"; } .vfb-align-full-height:before { content: "\ea83"; } .vfb-font-size:before { content: "\ea61"; } .vfb-indent-increase:before { content: "\ea7b"; } .vfb-indent-decrease:before { content: "\ea7c"; } .vfb-new-tab:before { content: "\ea7e"; } .vfb-distribute-vertical:before { content: "\e902"; } .vfb-distribute-horizontal:before { content: "\e903"; } .vfb-font-family:before { content: "\ea5c"; } .vfb-move-up:before { content: "\ea46"; } .vfb-move-down:before { content: "\ea47"; } .vfb-drop-insert:before { content: "\ea72"; } .vfb-eyedropper:before { content: "\e921"; } .vfb-refresh:before { content: "\e984"; } .vfb-sort-asc:before { content: "\ea48"; } .vfb-sort-desc:before { content: "\ea49"; } .vfb-sort-asc-alt:before { content: "\ea4c"; } .vfb-sort-desc-alt:before { content: "\ea4d"; } .vfb-editor-draw-mode:before { content: "\e96d"; } .vfb-editor-move-mode:before { content: "\e96e"; } .vfb-editor-select-mode:before { content: "\e970"; } .vfb-editor-grid-mode:before { content: "\e96f"; } .vfb-embed:before { content: "\ea80"; } .vfb-code:before { content: "\ea80"; } .vfb-duplicate:before { content: "\e92c"; } .vfb-copy:before { content: "\e92c"; } .vfb-edit:before { content: "\e922"; } .vfb-selection-free:before { content: "\e94d"; } .vfb-clear-formatting:before { content: "\e998"; } .vfb-list-numbered:before { content: "\e9b9"; } .vfb-page-break:before { content: "\ea68"; } .vfb-ungroup:before { content: "\ea59"; } .vfb-delete-selection:before { content: "\ea59"; } .vfb-node-align-full-width:before { content: "\e904"; } .vfb-node-align-full-width-full:before { content: "\e943"; } .vfb-node-align-left:before { content: "\e908"; } .vfb-node-align-right:before { content: "\e90a"; } .vfb-node-align-center:before { content: "\e926"; } .vfb-node-align-full-top:before { content: "\e905"; } .vfb-node-align-full-top-full:before { content: "\e944"; } .vfb-node-align-full-bottom:before { content: "\e906"; } .vfb-node-align-full-bottom-full:before { content: "\e945"; } .vfb-node-align-full:before { content: "\e909"; } .vfb-node-align-full-full:before { content: "\e946"; } .vfb-two-col-width:before { content: "\e925"; } .vfb-three-col-width:before { content: "\e927"; } .vfb-add-header:before { content: "\e931"; } .vfb-add-footer:before { content: "\e932"; } .vfb-storage:before { content: "\e963"; } .vfb-quota:before { content: "\e9d0"; } .vfb-submissions:before { content: "\ea71"; } .vfb-database:before { content: "\e964"; } .vfb-table:before { content: "\ea70"; } .vfb-table-insert-row:before { content: "\ea73"; } .vfb-table-edit-row:before { content: "\ea74"; } .vfb-table-delete-row:before { content: "\ea75"; } .vfb-graph-bars:before { content: "\e99c"; } .vfb-graph-dots:before { content: "\e99b"; } .vfb-document-file-txt:before { content: "\e928"; } .vfb-document-file-csv:before { content: "\e928"; } .vfb-document-file-xls:before { content: "\e929"; } .vfb-document-file-pdf:before { content: "\e92a"; } .vfb-document-file-zip:before { content: "\e92b"; } .vfb-file-ext-generic:before { content: "\e979"; } .vfb-file-ext-text:before { content: "\e97a"; } .vfb-file-ext-pdf:before { content: "\e97b"; } .vfb-file-ext-document:before { content: "\e97c"; } .vfb-file-ext-excel:before { content: "\e97d"; } .vfb-file-ext-word:before { content: "\e97e"; } .vfb-file-ext-picture:before { content: "\e97f"; } .vfb-file-ext-audio:before { content: "\e980"; } .vfb-file-ext-video:before { content: "\e981"; } .vfb-file-ext-archive:before { content: "\e982"; } .vfb-product:before { content: "\e938"; } .vfb-shipping:before { content: "\e9b0"; } .vfb-discount:before { content: "\e99a"; } .vfb-graph:before { content: "\e99a"; } .vfb-pie-chart:before { content: "\e99a"; } .vfb-pg-paypal:before { content: "\ead8"; } .vfb-int-zendesk:before { content: "\ead9"; } .vfb-stripe-logo:before { content: "\e947"; } .vfb-money:before { content: "\e96c"; } .vfb-braintree-logo:before { content: "\e94f"; } .vfb-euplatesc-logo:before { content: "\e9a4"; } .vfb-int-zapier:before { content: "\e95c"; } .vfb-int-slack:before { content: "\e96b"; } .vfb-int-trello:before { content: "\e9b6"; } .vfb-int-jira-logo:before { content: "\e9bc"; } .vfb-int-hubspot:before { content: "\e9c0"; } .vfb-bitpay:before { content: "\e9c5"; } .vfb-square-logo:before { content: "\e948"; } .vfb-int-activecampaign:before { content: "\e9c3"; } .vfb-int-dropbox:before { content: "\eaae"; } .vfb-int-google-drive:before { content: "\ea8f"; } .vfb-int-google-sheets:before { content: "\ea94"; } .vfb-mailchimp:before { content: "\e957"; } .vfb-job-profile:before { content: "\eac9"; } .vfb-clicksend:before { content: "\eacb"; } .vfb-int-google-calendar:before { content: "\eacc"; } .vfb-rating-1:before { content: "\ea02"; } .vfb-rating-2:before { content: "\e9ee"; } .vfb-rating-3:before { content: "\e9e6"; } .vfb-rating-4:before { content: "\e9f2"; } .vfb-rating-5:before { content: "\e9f8"; } .vfb-rating-6:before { content: "\e9e2"; } .vfb-rating-7:before { content: "\e9e0"; } .vfb-rating-8:before { content: "\e9e8"; } .vfb-brand-google:before { content: "\ea8c"; } .vfb-brand-facebook:before { content: "\ea91"; } .vfb-brand-ldap:before { content: "\ea92"; } .vfb-brand-ad:before { content: "\e959"; } .vfb-brand-sso:before { content: "\e95a"; } .vfb-enlarge:before { content: "\e98b"; } .vfb-shrink:before { content: "\e98c"; } .vfb-move-cursor:before { content: "\e96a"; } .vfb-workflow:before { content: "\ea58"; } .vfb-bpmn-start:before { content: "\e939"; } .vfb-bpmn-end:before { content: "\e93b"; } .vfb-bpmn-message:before { content: "\e949"; } .vfb-bpmn-label:before { content: "\e9a0"; } .vfb-bpmn-goto:before { content: "\e9a1"; } .vfb-bpmn-edit:before { content: "\e9a2"; } .vfb-bpmn-timer:before { content: "\e94a"; } .vfb-bpmn-dynamic-form:before { content: "\e9d7"; } .vfb-bpmn-assignment:before { content: "\e94c"; } .vfb-bpmn-http-call:before { content: "\e9db"; } .vfb-bpmn-exclusive-gateway:before { content: "\e93e"; } .vfb-bpmn-node:before { content: "\e9c8"; } .vfb-bpmn-approval:before { content: "\e950"; } .vfb-bpmn-database:before { content: "\e9d5"; } .vfb-bpmn-connector:before { content: "\e9c9"; } .vfb-bpmn-add-connector:before { content: "\e93f"; } .vfb-bpmn-remove-connector:before { content: "\e940"; } .vfb-required-field:before { content: "\e977"; } .vfb-square:before { content: "\e997"; } .vfb-bullet-1:before { content: "\e985"; } .vfb-bullet-2:before { content: "\e987"; } .vfb-bullet-3:before { content: "\e988"; } .vfb-bullet-4:before { content: "\e989"; } .vfb-bullet-5:before { content: "\e98a"; } .vfb-bullet-6:before { content: "\e98e"; } .vfb-bullet-7:before { content: "\e991"; } .vfb-bullet-8:before { content: "\e993"; } .vfb-bullet-9:before { content: "\e995"; } .vfb-bullet-exclamation:before { content: "\e996"; } .vfb-sm-google-plus:before { content: "\ea8b"; } .vfb-sm-facebook:before { content: "\ea90"; } .vfb-sm-instagram:before { content: "\ea93"; } .vfb-sm-twitter:before { content: "\ea96"; } .vfb-sm-pinterest:before { content: "\ead2"; } .vfb-sm-linkedin:before { content: "\eaca"; } .vfb-play:before { content: "\ea1c"; } .vfb-pause:before { content: "\ea1d"; } .vfb-stop:before { content: "\ea1e"; } .vfb-backward:before { content: "\ea1f"; } .vfb-forward1:before { content: "\ea20"; } .vfb-first:before { content: "\ea21"; } .vfb-last:before { content: "\ea22"; } .vfb-previous:before { content: "\ea23"; } .vfb-next:before { content: "\ea24"; } .vfb-eject:before { content: "\ea25"; } .vfb-volume-high:before { content: "\ea26"; } .vfb-volume-medium:before { content: "\ea27"; } .vfb-volume-low:before { content: "\ea28"; } .vfb-volume-mute:before { content: "\ea29"; } .vfb-volume-mute2:before { content: "\ea2a"; } .vfb-volume-increase:before { content: "\ea2b"; } .vfb-volume-decrease:before { content: "\ea2c"; } .vfb-label-placement-left:before { content: "\ea2e"; } .vfb-label-placement-right:before { content: "\ea2f"; } .vfb-label-placement-top:before { content: "\ea30"; } .vfb-label-placement-inside:before { content: "\ea32"; } 
/** END: /css/shared/vfb-font/style.css **/
/** BEGIN: /css/v1/reset.css**/
input, textarea, keygen, select, button { font-size: 14px; } input::-ms-clear, textarea::-ms-clear { display: none; }
/** END: /css/v1/reset.css **/
/** BEGIN: /css/v1/reset-typography.css**/
body { font-family: BlinkMacSystemFont, -apple-system, 'Segoe UI', SegoeUI, 'Segoe WP', Roboto, Helvetica, Tahoma, Arial, sans-serif; font-weight: 300; font-stretch: 100%; font-style: normal; font-variant-caps: normal; font-variant-east-asian: normal; font-variant-ligatures: normal; font-variant-numeric: normal; letter-spacing: normal; line-height: 1em; font-size: 14px; } h1, h2, h3, h4, h5, h6, p { padding: 0; margin: 0; } h1 { font-size: 36px; line-height: 43px; margin-bottom: 15px; } h2 { font-size: 20px; line-height: 26px; margin-bottom: 15px; } h3 { font-size: 18px; line-height: 23px; margin-bottom: 15px; } h4 { font-size: 16px; line-height: 20px; font-weight: bold; margin-bottom: 10px; } h5 { font-size: 15px; line-height: 19px; font-weight: bold; margin-bottom: 10px; } h6 { font-size: 14px; line-height: 18px; font-weight: bold; margin-bottom: 10px; } p { font-size: 16px; line-height: 20px; } h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, p * { font-size: inherit; line-height: inherit; }  #ht-page, button, input, select, textarea { color: #444; font-size: 18px; line-height: 1.6; font-weight: 400; } h1, h2, h3, h4, h5, h6 { font-weight: 600; line-height: 1.2; } p { line-height: 2; margin:0 0 15px; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 15px; } address { margin: 0 0 15px; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; line-height: 1.6; margin-bottom: 15px; max-width: 100%; overflow: auto; padding: 15px; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } [data-role=dialog] button, [data-role=dialog] input, [data-role=dialog] textarea, [data-role=dialog] select { font-size: 14px; } [data-role=dialog] input, [data-role=dialog] select, [data-role=dialog] textarea { outline: none; } [data-role=dialog] * { line-height: 1.2em; }
/** END: /css/v1/reset-typography.css **/
/** BEGIN: /css/v1/site-pages/homepage.css**/
#homepage-slider h1, #homepage-slider h2 { font-size: 36px; font-weight: 600; margin: 0 0 12px; } #homepage-slider p { font-weight: 600; line-height: 30px; margin: 0 0 9px; } #homepage-slider [data-role=slide] { margin-top: 32px; margin-left: 0; margin-right: -10px; } #homepage-slider [data-role=slide].hero-slider > [data-role=contents] a > img { max-height: 70vh; width: 100%; border-radius: 4px; } #homepage-slider [data-role=slider-progress] { position: absolute; right: 0; top: 20px; left: 50%; height: 3px; z-index: 30000; display: flex; flex-direction: row; max-width: 400px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); width: 90%; } #homepage-slider [data-role=slider-progress] > [data-role=progress-button] { display: block; flex-grow: 1; margin: 0 5px; background-color: black; } #homepage-slider [data-role=slider-progress] > [data-role=progress-button] > div { display: block; cursor: pointer; height: 100%; } #homepage-slider [data-role=slider-progress] > [data-role=progress-button][data-is-current] > div { transition: width .6s; -webkit-transition: width .6s; -moz-transition: width .6s; background-color: #00abec; } #homepage-slider [data-role=slider-progress] > [data-role=progress-button]:not([data-is-current]):hover { background-color: #00abec; cursor: pointer; } #features-slider { font-size: 0; white-space: nowrap; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } #features-slider > [data-role=feature] { font-size: 1rem; width: calc(50% - 20px); display: inline-block; vertical-align: top; padding-top: 30px; white-space: normal; } @media screen and ( max-width: 720px) { #features-slider > [data-role=feature] { width: 100%; } #features-slider > [data-role=feature] > [data-role=feature-content] h2 { min-height: initial !important; } } #features-slider > [data-role=feature]:nth-child(0), #features-slider > [data-role=feature]:nth-child(n+3) { margin-left: 0 !important; } #features-slider > [data-role=feature] > [data-role=feature-content] { color: #323237; padding: 20px 0; } #features-slider > [data-role=feature] > [data-role=feature-content] > img { width: 100%; display: block; height: auto; margin-top: 20px; margin-bottom: 16px; border-radius: 3px; } #features-slider > [data-role=feature] > [data-role=feature-content] h2 { font-weight: 700; min-height: 48px; } #features-slider > [data-role=feature] > [data-role=feature-content] p { line-height: 30px; margin-top: 16px; font-weight: 400; } #features-slider > [data-role=feature] > [data-role=feature-read-more] { height: 50px; } #features-slider > [data-role=feature] > [data-role=feature-read-more] > a { color: #0071c7; font-size: 16px; text-decoration: none; font-weight: 400; padding: 5px 16px 0 0; position: relative; vertical-align: middle; line-height: 16px; } #features-slider > [data-role=feature] > [data-role=feature-read-more] > a:after { content: " "; display: block; border-style: solid; width: 10px; height: 10px; border-width: 1px 1px 0 0; border-color: currentColor; position: absolute; right: 0; transform: rotate(45deg); top: calc(50% - 2px); } #why-us { font-size: 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; padding-bottom: 24px; } #video-presentation { padding-bottom: 24px; } #video-presentation [data-role=video] { width: 100%; margin: 0 auto; height: 512px; display: block; background-image: url("/img/homepage/how-it-works.svg"); background-position: 50% 50%; background-repeat: no-repeat; border-radius: 3px; } #video-presentation [data-role=video] > a { width: 100%; height: 100%; display: block; } #video-presentation [data-role=video] > a > span { opacity: .001; display: block; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); } #video-presentation iframe { height: 100%; width: 100%; margin-left: auto !important; margin-right: auto !important; display: block; max-width: 100%; } #why-us > [data-role=feature] { background-color: white; width: calc(33% - 10px); display: inline-block; font-size: 16px; margin-bottom: 20px; padding: 20px; border-top: 3px solid white; transition: border-top-color .25s, transform .25s; cursor: default; } @media screen and ( max-width: 920px) { #why-us > [data-role=feature] { width: calc(50% - 10px); } } @media screen and ( max-width: 720px) { .full-page-wrapper.section.bg-section-primary { background-color: black; } #homepage-slider a { background-color: transparent !important; color: #89c402 !important; padding-left: 0 !important; font-weight: 600 !important; max-width: initial !important; display: block !important; white-space: normal !important; line-height: 28px; } #homepage-slider [data-role=canvas] > [data-role=slide] > [data-role=contents] { position: relative; width: calc(100% - 10px); z-index: 2; background-color: rgba(0, 0, 0, .8); margin: -41px 0 -10px 0; padding: 40px 0 10px 0; height: calc(100% + 20px); } #homepage-slider [data-role=canvas] > [data-role=slide] > img { position: absolute; z-index: 1; width: calc(100% - 15px); bottom: 0; right: 15px; max-height: 100%; } #why-us > [data-role=feature] { width: 100%; min-height: 220px; } } #why-us > [data-role=feature]:hover { border-top-color: rgb(0, 171, 236); transform: translateY(-10px); transition: border-top-color .25s, transform .25s; } #why-us > [data-role=feature] h3 { color: #0078d4; font-size: 18px; font-weight: 600; margin-bottom: 20px; position: relative; padding-left: calc(25% + 20px); } #why-us > [data-role=feature] > h3 > img { width: 25%; display: block; height: auto; position: absolute; top: 0; left: 0; } #why-us > [data-role=feature] p { font-weight: 400; line-height: 30px; padding-left: calc(25% + 20px); } 
/** END: /css/v1/site-pages/homepage.css **/
/** BEGIN: /css/v1/site-pages/free-form-templates.css**/
#free-form-templates-widget { display: flex; flex-direction: row; align-content: space-between; padding: 24px 0; } #fft-categories { width: 220px; margin-left: -8px; padding: 0; } #fft-categories > [data-role=category-group] { } #fft-categories > [data-role=category-group] h3 { padding: 8px 0; margin: 0; color: #1a1a1f; cursor: pointer; position: relative; outline: none; } #fft-categories > [data-role=category-group] h3 > [data-role=name] { padding-left: 8px; } #fft-categories > [data-role=category-group] h3:focus { outline: 1px solid rgba(0, 120, 212, 1); outline-offset: -1px; } #fft-categories > [data-role=category-group][data-expanded] h3 { color: rgba(0, 120, 212, 1); } #fft-categories > [data-role=category-group] h3 > span[data-role=expander] { display: block; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); } #fft-categories > [data-role=category-group] h3 > span[data-role=expander]:before { content: "\e91d"; } #fft-categories > [data-role=category-group][data-expanded] h3 > span[data-role=expander]:before { content: "\e91b"; } #fft-categories > [data-role=category-group] ul { padding: 0; margin: 0; display: block; transition: height .25s; -webkit-transition: height .25s; -moz-transition: height .25s; overflow: hidden; } #fft-categories > [data-role=category-group]:not([data-expanded]) ul { height: 0 !important; visibility: hidden; } #fft-categories > [data-role=category-group] li { list-style-type: none; padding: 0; margin: 0; } #fft-categories > [data-role=category-group] a { display: block; padding: 13px 10px; color: #1a1a1f; font-size: 15px; height: 42px; background-color: #e9e9e9; text-decoration: none; font-weight: 400; position: relative; outline: none; } #fft-categories > [data-role=category-group] a:focus, #fft-categories > [data-role=category-group] a:hover, #fft-categories > [data-role=category-group] a.selected { background-color: white; } #fft-categories > [data-role=category-group] a > [data-role=name] { display: inline-block; vertical-align: middle; position: relative; z-index: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 173px; height: 18px; } #fft-categories > [data-role=category-group] a > [data-role=documents-count] { display: block; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 2; } #fft-listing { width: calc(100% - 220px); padding: 0; margin-left: 20px; margin-right: -20px; } #template-listing { display: flex; width: 100%; padding: 0; margin: 0; flex-direction: row; flex-wrap: wrap; } #template-listing > [data-role=template] { width: calc(33% - 20px); margin-right: 10px; margin-left: 10px; margin-bottom: 32px; position: relative; min-width: 200px; } #template-listing > [data-role=template] a { text-decoration: none; } #template-listing > [data-role=template] .image-wrapper { width: 100%; height: 270px; overflow: hidden; border-radius: 4px; transition: all .25s; -webkit-transition: all .25s; -moz-transition: all .25s; display: block; border: 1px solid #cccccc; } #template-listing > [data-role=template] img { width: calc(100% + 2px); height: auto; margin-left: -1px; margin-top: -1px; } #template-listing > [data-role=template]:hover .image-wrapper { transform: translate(0, -4px); -webkit-transform: translate(0, -4px); -moz-transform: translate(0, -4px); box-shadow: 0 0 10px rgba(0, 0, 0, .5); } #template-listing > [data-role=template] [data-role=description] { display: block; font-size: 14px; font-weight: 400; color: #1a1a1f; margin-top: 16px; line-height: 20px; padding: 0 10px 0 10px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; height: 140px; } #template-listing > [data-role=template] [data-role=name] { display: block; font-size: 20px; font-weight: 600; color: #1a1a1f; margin-top: 16px; padding: 0 10px 0 10px; line-height: 24px; } @media screen and (max-width: 960px) { #template-listing > [data-role=template] { width: calc(50% - 20px); } } @media screen and (max-width: 800px) { #template-listing > [data-role=template] { width: 100%; } } @media screen and (max-width: 520px) { #free-form-templates-widget { flex-direction: column; } #fft-categories { width: calc(100% + 10px); } #fft-listing { width: calc(100% + 10px); margin-left: -10px; margin-top: 32px; } } #category-data { padding: 0 10px; } #category-data > h1:first-child { margin-top: -7px; } #category-description { padding-bottom: 18px; } #category-description p { font-weight: 400; line-height: 1.6em; } #fft-filter-container { position: relative; display: block; padding: 0 0 10px 9px; box-sizing: border-box; overflow: hidden; color: gray; transition: color .25s; -webkit-transition: color .25s; -moz-transition: color .25s; } #fft-filter-container:focus-within { color: #323237; } #fft-filter-container > span.vfb { display: block; position: absolute; left: 19px; top: 9px; font-size: 16px; color: inherit; } #fft-filter-templates { display: block; width: 100%; padding: 0 10px 0 32px; outline: none; font-size: 14px; height: 32px; border: none; color: inherit; background-color: #f8f8f8; transition: all .25s; -webkit-transition: all .25s; -moz-transition: all .25s; } #fft-filter-templates:focus { background-color: #ffffff; } #free-form-templates-widget.filter-mode #fft-filter-templates { background-color: rgba(0, 120, 212, 1); color: white; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; } #free-form-templates-widget.filter-mode #fft-filter-container > span { color: white; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; } #free-form-templates-widget.filter-mode { flex-direction: column; } #free-form-templates-widget.filter-mode #fft-listing { margin-left: -10px; width: calc(100% + 20px); padding-top: 24px; } #free-form-templates-widget.filter-mode #fft-categories { width: 100%; } #free-form-templates-widget.filter-mode #fft-categories > [data-role=category-group] { display: none; } #fft-empty-state p { padding: 30px 20px; text-align: center; font-weight: 400; }
/** END: /css/v1/site-pages/free-form-templates.css **/
/** BEGIN: /css/v1/site-pages/document-template.css**/
#form-template-widget { padding: 32px 0; } #form-template-widget h1 { text-align: left; font-weight: 600; } #form-template-widget h1 strong { font-weight: 600; } #template-description p { font-weight: 600; line-height: 30px; margin: 0 0 9px; } #form-template-embed iframe { margin-left: auto; margin-right: auto; } #form-template-embed { min-height: 800px; transition: min-height .25s; -webkit-transition: min-height .25s; -moz-transition: min-height .25s; } #form-template-embed img#pre-render-form { display: block; margin-left: auto; margin-right: auto; max-width: 100%; height: auto; opacity: .2; transition: opacity .5s; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; pointer-events: none; --webkit-pointer-events: none; --moz-pointer-events: none; } #form-template-embed { padding-top: 32px; padding-bottom: 32px; } #template-toolbar { text-align: left; } #change-colors-picker { display: inline-block; vertical-align: top; } #change-colors-picker > .colors-picker { display: block; height: 0; width: 210px; text-align: left; font-size: 0; margin-left: -5px; overflow: hidden; transition: height .4s; -webkit-transition: height .4s; -moz-transition: height .4s; padding: 3px 0; } #change-colors-picker a.secondary-cta:after { transition: all .25s; -webkit-transition: all .25s; -moz-transition: all .25s; } #change-colors-picker.opened a.secondary-cta { background-color: rgba(0, 120, 212, 1); } #change-colors-picker.opened a.secondary-cta:after { transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); top: 13px; right: 13px; } #change-colors-picker.opened > .colors-picker { height: 120px; } #change-colors-picker > .colors-picker > .color { display: inline-block; width: 31px; height: 32px; margin: 0 5px; position: relative; cursor: pointer; font-size: 14px; } #change-colors-picker > .colors-picker > .color > div { font-size: 14px; position: absolute; display: block; left: 50%; top: 50%; font-weight: bold; padding: 4px 6px; transform: translate(-50%, -50%); font-style: italic; } #change-colors-picker:not(.opened) > .colors-picker > .color { pointer-events: none; --webkit-pointer-events: none; --moz-pointer-events: none; } #change-colors-picker > .colors-picker > .color.original { background-color: white; color: #444; } #change-colors-picker > .colors-picker > .color.original > div { font-size: 18px; font-style: normal; } #change-colors-picker.opened > .colors-picker > .color:hover, #change-colors-picker.opened > .colors-picker > .color.selected { outline: 3px solid rgba(0, 120, 212, 1); }
/** END: /css/v1/site-pages/document-template.css **/
/** BEGIN: /css/v1/site-pages/plans-and-pricing.css**/
#plans-and-pricing { padding: 32px 0 0 0; } #plans-and-pricing > h1 { text-align: center; padding-top: 0; padding-bottom: 0; font-weight: 400; margin-bottom: 0; } #plans-listing { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center; font-size: 0; padding-bottom: 32px;         } .hide-the-free-plan { display: none!important; } #plans-listing > .plan { font-size: 1rem; display: block; width: calc((100% - 60px) / 4); padding: 40px 20px 20px 20px; background-color: rgba(255,255,255,.4); transition: background-color .25s, box-shadow .25s; -webkit-transition: background-color .25s, box-shadow .25s; -moz-transition: background-color .25s, box-shadow .25s; cursor: default; } #plans-listing > .plan.premise { width: 50%; margin-left: auto !important; margin-right: auto !important; min-width: 300px; } #plans-listing > .plan[data-plan-id="1"] .pricing { opacity: 0.0001; } #plans-listing .plan:hover { background-color: white; box-shadow: 0 0 10px rgba(0,0,0,.2); } #plans-listing .plan > .plan-color > h2, #plans-listing .plan > .plan-color > .featured-plan, #plans-listing .plan > .plan-color > .pricing { text-align: center; white-space: nowrap; } #plans-listing .plan > .plan-color > .seats-included { position: absolute; left: 50%; top: 87px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); padding: 3px; color: rgba(0, 120, 212, 1); white-space: nowrap; font-size: 12px; font-weight: bold; } #plans-and-pricing .subscribe { text-align: center; padding: 10px 0; display: block; margin-left: -20px; margin-right: -20px; } #plans-and-pricing .subscribe strong { font-weight: 600; } #plans-and-pricing[data-pricing-model="yearly"] .pricing .monthly, #plans-and-pricing[data-pricing-model="yearly"] .subscribe .monthly-subscription { display: none; } #plans-and-pricing[data-pricing-model="monthly"] .pricing .yearly, #plans-and-pricing[data-pricing-model="monthly"] .subscribe .yearly-subscription { display: none; } #plans-and-pricing[data-pricing-model="yearly"] .plan.premise, #plans-and-pricing[data-pricing-model="monthly"] .plan.premise { display: none; } #plans-and-pricing[data-pricing-model="prem-yearly"] .plan.cloud, #plans-and-pricing[data-pricing-model="prem-lifetime"] .plan.cloud, body[data-pricing-model="prem-yearly"] #faq-pricing, body[data-pricing-model="prem-lifetime"] #faq-pricing { display: none; } body:not([data-pricing-model="prem-yearly"]):not([data-pricing-model="prem-lifetime"]) #faq-premise { display: none; } #plans-and-pricing[data-pricing-model="prem-yearly"] .pricing .lifetime { display: none; } #plans-and-pricing[data-pricing-model="prem-lifetime"] .pricing .yearly { display: none; } #plans-listing .plan > .plan-color > h2 { font-weight: 400; padding-bottom: 0; padding-top: 12px; margin-bottom: 4px; font-size: 32px; margin-left: -20px; margin-right: -20px; display: block; text-align: center; width: calc(100% + 40px); outline: none; } #plans-listing .plan > .plan-color > .featured-plan { text-transform: uppercase; padding: 13px; font-weight: 600; background-color: rgba(0, 120, 212, 1); color: white; margin-left: -20px; margin-right: -20px; font-size: 12px; } #plans-listing .plan .pricing > .monthly, #plans-listing .plan .pricing > .yearly, #plans-listing .plan .pricing > .lifetime { font-size: 64px; height: 64px; line-height: 64px; margin-left: -20px; margin-right: -20px; } #plans-listing .plan .pricing > .yearly *, #plans-listing .plan .pricing > .monthly *, #plans-listing .plan .pricing > .lifetime * { vertical-align: top; } #plans-listing .plan .pricing .period { display: inline-block; white-space: nowrap; font-size: 16px; } #plans-listing .plan .pricing .price { display: inline-block; position: relative; white-space: nowrap; } #plans-listing .plan .pricing .price > span { display: inline-block; } #plans-listing .plan .pricing .int-part { margin-right: -2px; } #plans-listing .plan .pricing .price > .decimals { font-size: 32px; line-height: 45px; } #plans-listing .plan .pricing .period { font-size: 22px; line-height: 98px; margin-left: -39px; font-weight: 300; } #plans-listing .plan.premise .pricing .period { margin-left: -9px; } #plans-listing .plan .pricing .currency { font-size: 22px; line-height: 43px; } #plans-listing > .plan.featured { padding-top: 0; } #plans-listing > .plan > .featured-plan { display: block; height: 40px; } #plans-listing > .plan > .feature-group { display: block; margin-top: 12px; } #plans-listing > .plan > .feature-group[data-group-id="features"] > h3 { display: none; } #plans-listing .feature-group > h3 { margin: 4px 0; position: relative; padding: 8px 44px 8px 8px; display: block; cursor: pointer; font-weight: 600; overflow: hidden; text-overflow: ellipsis; user-select: none; --webkit-user-select: none; --moz-user-select: none; background-color: rgba(0, 144, 240, 0); transition: background-color .10s, color .10s; -webkit-transition: background-color .10s, color .10s; -moz-transition: background-color .10s, color .10s; } #plans-listing .feature-group > h3:hover, #plans-listing .feature-group > h3:focus { color: white; background-color: rgba(0, 144, 240, 1); } #plans-listing .feature-group > h3:focus { outline: 1px dotted currentColor; outline-offset: -3px; } #plans-listing .feature-group > h3 .feature-count { position: absolute; display: block; right: 22px; top: 8px; } #plans-listing .feature-group > h3 > span.vfb { position: absolute; display: block; right: 4px; top: 10px; } #plans-listing .feature-group h3 span.vfb:before { content: "\e91b"; } #plans-listing .feature-group.collapsed h3 span.vfb:before { content: "\e91d"; } #plans-listing .feature-group.collapsed > .group-features { display: none; } #plans-listing > .plan > .feature-group > .group-features { padding-top: 4px; padding-bottom: 4px; position: relative; overflow: hidden; transition: all .25s; -webkit-transition: all .25s; -moz-transition: all .25s; } #plans-listing .plan:not(:first-child):not(:last-child) { margin-left: 10px; margin-right: 10px; } #plans-listing .plan:first-child { margin-right: 10px; } #plans-listing .plan:last-child { margin-left: 10px; } #plans-listing .plan .feature { white-space: nowrap; position: relative; line-height: 1.2; padding: 8px 0 0 8px; } #plans-listing .plan .feature:first-child { margin-top: -8px; } #plans-listing .plan .feature strong { font-weight: 500; } #plans-listing .plan .feature > .name { display: inline-block; white-space: normal; width: calc(100% - 25px); vertical-align: top; font-weight: 400; overflow: hidden; text-overflow: ellipsis; line-height: 1.3em; } #plans-and-pricing .plan .feature > .name + .value { width: 25px; position: relative; } #plans-listing .plan .feature > .value { display: inline-block; white-space: normal; vertical-align: top; } #plans-listing .plan .feature > .value .vfb { position: absolute; right: 4px; top: 0; display: block; font-size: 24px; } #faq-pricing, #faq-premise { padding-bottom: 32px; margin-bottom: 0; } #faq-pricing p, #faq-premise p { font-weight: 400; margin-bottom: 0; } #faq-pricing a, #faq-premise a { color: rgba(0, 120, 212, 1); text-decoration: none; } #faq-pricing a:hover, #faq-premise a:hover { text-decoration: underline; } #plans-listing a.hero-link { background-color: rgba(0, 120, 212, 1); color: white; margin-right: 0; } #plans-listing a.hero-link:hover, #plans-listing a.hero-link:focus { background-color: rgb(0, 144, 240); } #plans-listing .plan:not(.featured) > .plan-color { margin-top: -40px; padding-top: 40px; } #plans-listing .plan > .plan-color { margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; display: block; position: relative; } #plans-listing .plan[data-plan-id="1"] > .plan-color { background-color: rgba(255,255,255,0); } #plans-listing .plan[data-plan-id="2"] > .plan-color { background-color: rgba(255,255,255,0); } #plans-listing .plan[data-plan-id="3"] > .plan-color { background-color: rgba(255,255,255,0); } #plans-listing .plan[data-plan-id="4"] > .plan-color { background-color: rgba(255,255,255,0); } #period-chooser { display: flex; flex-direction: row; position: relative; margin: 20px auto; max-width: 500px; width: 500px; white-space: nowrap; font-size: 0; line-height: 1; user-select: none; --webkit-user-select: none; --moz-user-select: none; overflow: hidden; } #period-chooser fieldset { padding: 5px; border: 1px solid #ababab; display: block; flex-grow: 1; flex-shrink: 1; } #period-chooser legend { font-size: 12px; font-weight: bold; } #period-chooser .period { font-size: 20px; padding: 10px 10px 13px 10px; width: 50%; display: inline-block; text-align: center; font-weight: 300; cursor: pointer; overflow: hidden; text-overflow: ellipsis; background-color: white; color: #323237; transition: background-color .25s, color .25s; -webkit-transition: background-color .25s, color .25s; -moz-transition: background-color .25s, color .25s; } #period-chooser .period:focus { outline: 1px dotted currentColor; outline-offset: -3px; } #period-chooser .period.selected { background-color: rgba(0, 120, 212, 1); color: white; } @media screen and (max-width: 920px) { #plans-listing { flex-direction: column; } #plans-listing > .plan > .plan-color { display: flex !important; flex-direction: row; flex-wrap: wrap; margin-top: 0 !important; padding-top: 0 !important; } #plans-listing > .plan { width: 100%; margin-bottom: 20px !important; margin-left: 0 !important; margin-right: 0 !important; padding-top: 0 !important; } #plans-listing > .plan.premise { width: 100%; } #plans-listing > .plan > .plan-color > h2 { width: calc(100% + 40px) !important; display: initial !important; margin-left: -20px !important; margin-right: -20px !important; text-align: unset !important; padding-left: 40px !important; padding-bottom: 16px !important; cursor: pointer; user-select: none; -webkit-user-select: none; -moz-user-select: none; margin-bottom: 0 !important; z-index: 10; overflow: hidden; text-overflow: ellipsis; padding-right: 116px !important; font-size: 24px !important; } #plans-listing > .plan > .plan-color > h2:before {  font-family: vfb-font !important; content: "\e91d"; position: absolute; left: 8px; transition: transform .25s; -webkit-transition: transform .25s; -moz-transition: transform .25s; } #plans-listing > .plan.mobile-expanded > .plan-color > h2:before { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); } #plans-listing .plan > .plan-color > h2:focus { outline: 1px dotted currentColor; outline-offset: -4px; } #plans-listing > .plan > .plan-color > .pricing { width: 140px !important; text-align: left; } #plans-listing > .plan.premise > .plan-color > .pricing { width: 300px !important; } #plans-listing .plan > .plan-color > .seats-included { top: 33px !important; transform: none !important; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; left: 37px !important; text-align: left; } #plans-listing > .plan > .plan-color > .subscribe { width: unset !important; margin-left: unset !important; margin-right: unset !important; } #plans-listing .plan > .plan-color > .featured-plan { position: absolute; right: 32px; top: 14px; } #plans-listing .plan:not(.mobile-expanded) > .plan-color > .featured-plan { position: absolute; top: 0; right: 20px; height: unset; bottom: 0; width: 104px; color: transparent; } #plans-listing .plan.featured:not(.mobile-expanded) > .plan-color > .pricing { color: white; } #plans-listing .plan .pricing > .monthly, #plans-listing .plan .pricing > .yearly, #plans-listing .plan .pricing > .lifetime { margin-left: 0 !important; } #plans-listing > .plan[data-plan-id="1"] .pricing { display: none !important; } #plans-listing > .plan:not(.mobile-expanded) > .plan-color > *:not(h2):not(.featured-plan):not(.pricing):not(.seats-included), #plans-listing > .plan:not(.mobile-expanded) > *:not(.plan-color) { display: none !important; } #plans-listing > .plan:not(.mobile-expanded) > .plan-color > .pricing { position: absolute; right: 5px; top: -14px; transform: scale(.7,.7); -webkit-transform: scale(.7,.7); -moz-transform: scale(.7,.7); text-align: right !important; } #plans-listing > .plan:not(.mobile-expanded) { padding-bottom: 0 !important; } #plans-listing > .plan.mobile-expanded { background-color: white; } } @media screen and (max-width: 600px){ #period-chooser { flex-direction: column; max-width: 90vw; } #period-chooser fieldset:nth-child(2) { margin-top: 20px; } } 
/** END: /css/v1/site-pages/plans-and-pricing.css **/
/** BEGIN: /css/v1/app-notifications.css**/
body > [data-role=notifications-placeholder] { position: fixed; right: 0; bottom: 100px; width: 320px; z-index: 300000000300 !important; } body > [data-role=notifications-placeholder] > [data-role=notification], body > [data-dialog-role=clipper-assistant] [data-role=notification] { position: relative; display: block; border: 1px solid #444444; background-color: whitesmoke; padding: 10px; font-size: 14px; font-family: Roboto, Arial, sans-serif; margin-bottom: 10px; margin-right: 10px; color: #444; box-shadow: 0 0 4px rgba(0, 0, 0, .5); cursor: default; user-select: none; -webkit-user-select: none; -moz-user-select: none; pointer-events: all !important; --webkit-pointer-events: all !important; --moz-pointer-events: all !important; } body > [data-dialog-role=clipper-assistant] [data-role=notification] { margin-right: 0; } body > [data-role=notifications-placeholder] > [data-role=notification][data-notification-type=error], body > [data-dialog-role=clipper-assistant] [data-role=notification][data-notification-type=error], body > [data-dialog-role=clipper-assistant] [data-role=notification][data-notification-type=error] > [data-role=arrow]:before { background-color: #c0392b !important; color: #fff; } body > [data-role=notifications-placeholder] > [data-role=notification][data-notification-type=error], body > [data-dialog-role=clipper-assistant] [data-role=notification][data-notification-type=error] { padding-bottom: 50px; } body > [data-role=notifications-placeholder] > [data-role=notification][data-notification-type=error]:after, body > [data-dialog-role=clipper-assistant] [data-role=notification][data-notification-type=error]:after { position: absolute; content: 'Ask Support'; cursor: pointer; text-decoration: underline; bottom: 10px; right: 10px; color: #e0d2d0; } body > [data-role=notifications-placeholder] > [data-role=notification][data-notification-type=warning], body > [data-dialog-role=clipper-assistant] [data-role=notification][data-notification-type=warning], body > [data-dialog-role=clipper-assistant] [data-role=notification][data-notification-type=warning] > [data-role=arrow]:before { background-color: #f1c40f !important; color: #fff; } body > [data-role=notifications-placeholder] > [data-role=notification][data-notification-type=success], body > [data-dialog-role=clipper-assistant] [data-role=notification][data-notification-type=success], body > [data-dialog-role=clipper-assistant] [data-role=notification][data-notification-type=success] > [data-role=arrow]:before { background-color: #349c34 !important; color: #fff; } body > [data-role=notifications-placeholder] > [data-role=notification] > [data-role=title] { display: block; font-size: 1.2em; position: relative; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-bottom: 10px; text-transform: capitalize; } body > [data-dialog-role=clipper-assistant] [data-role=notification] > [data-role=title] { display: block; font-size: 1.2em; position: relative; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-bottom: 6px; text-transform: capitalize; width: calc(100% - 16px); margin-top: -8px; padding-top: 9px; } body > [data-role=notifications-placeholder] > [data-role=notification] > [data-role=close] { position: absolute; width: 16px; height: 16px; display: block; right: 2px; top: 2px; z-index: 20; font-size: 16px; cursor: pointer; } body > [data-dialog-role=clipper-assistant] [data-role=notification] > [data-role=close] { position: absolute; width: 24px; height: 24px; display: block; right: 2px; top: 6px; z-index: 20; font-size: 24px; cursor: pointer; }  body > [data-role=notifications-placeholder] > [data-role=notification] > [data-role=buttons], body > [data-dialog-role=clipper-assistant] [data-role=notification] > [data-role=buttons] { padding-left: 0; margin-left: -10px; margin-right: -10px; margin-top: 16px; display: flex; flex-direction: row; margin-bottom: -10px; } body > [data-dialog-role=clipper-assistant] [data-role=notification] > [data-role=buttons] > button { flex-grow: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; } body > [data-dialog-role=clipper-assistant] [data-role=notification] > [data-role=buttons] > button:not(:last-child) { margin-right: 0 !important; } 
/** END: /css/v1/app-notifications.css **/
/** BEGIN: /css/v1/animations.css**/
:not([data-role=loader]) > [data-role=animation]:not(.animate) { opacity: 0; --webkit-opacity: 0; -moz-opacity: 0; transition: opacity .2s; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; } [data-role=animation].animate { opacity: 1; --webkit-opacity: 1; -moz-opacity: 1; transition: opacity .2s; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; } .waves-animation { position: relative; display: block; } .waves-animation.radius-10 { width: 10px; height: 10px; } .waves-animation.radius-20 { width: 20px; height: 20px; } .waves-animation.radius-30 { width: 30px; height: 30px; } .waves-animation.radius-40 { width: 40px; height: 40px; } .waves-animation.animate .delay1 { -webkit-animation: waves 2.5s linear; animation: waves 2.5s linear; -webkit-animation-delay: .1s; animation-delay: .1s; } .waves-animation.animate .delay2 { -webkit-animation: waves 2.5s linear 0.7s forwards; animation: waves 2.5s linear 0.7s forwards; } .waves-animation.animate .delay3 { -webkit-animation: waves 2.5s linear 1.3s forwards; animation: waves 2.5s linear 1.3s forwards; } .waves-animation.animate .delay4 { -webkit-animation: waves 2.5s linear 1.9s forwards; animation: waves 2.5s linear 1.9s forwards; } .wave { display: block; border-radius: 50%; background: #0194c7; margin: 10px; transition: 5s ease; position: absolute; top: 0px; } .waves-animation.radius-10 .wave { width: 10px; height: 10px; } .waves-animation.radius-20 .wave { width: 20px; height: 20px; } .waves-animation.radius-30 .wave { width: 30px; height: 30px; } .waves-animation.radius-40 .wave { width: 40px; height: 40px; } @-webkit-keyframes waves { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(4); transform: scale(4); opacity: 0; } } [data-role=loader] > [data-role=animation] { font-size: 32px; color: white; display: block; position: absolute; top: calc(50% - 24px); left: calc(50% - 21px); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); width: 48px; height: 48px; background-color: #444; border-radius: 50%; text-align: center; padding-top: 8px; transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; } @-webkit-keyframes rotating  { from { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotating { from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .rotating { -webkit-animation: rotating 2s linear infinite; -moz-animation: rotating 2s linear infinite; -ms-animation: rotating 2s linear infinite; -o-animation: rotating 2s linear infinite; animation: rotating 2s linear infinite; } 
/** END: /css/v1/animations.css **/
/** BEGIN: /css/v1/popup-menu.css**/
[data-role=menu-popup] { position: fixed; border: 1px solid #444; padding: 0; background-color: white; box-sizing: border-box; z-index: 10000000000; max-height: 500px; overflow: auto; box-shadow: 0 0 4px rgba(0, 0, 0, .6); } [data-role=menu-popup] > [data-role=menu-item] { display: block; white-space: nowrap; text-overflow: ellipsis; max-width: 80vw; height: 32px; cursor: pointer; box-sizing: border-box; font-size: 14px; position: relative; user-select: none; -moz-user-select: none; -webkit-user-select: none; transition: color .1s, background-color .1s; -webkit-transition: color .1s, background-color .1s; -moz-transition: color .1s, background-color .1s; } [data-role=menu-popup] > [data-role=menu-item] > * { display: inline-block; vertical-align: middle; } [data-role=menu-popup] > [data-role=menu-item] > [data-role=icon], [data-role=menu-popup] > [data-role=menu-item] > [data-role=expander] { width: 32px; height: 32px; text-align: center; position: relative; } [data-role=menu-popup] > [data-role=menu-item] > [data-role=icon] > span, [data-role=menu-popup] > [data-role=menu-item] > [data-role=expander] > span, [data-role=menu-popup] > [data-role=menu-item] > [data-role=icon] > img, [data-role=menu-popup] > [data-role=menu-item] > [data-role=expander] > img { display: block; top: 50%; left: 50%; position: absolute; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); color: inherit; } [data-role=menu-popup] > [data-role=menu-item] > [data-role=icon] > img, [data-role=menu-popup] > [data-role=menu-item] > [data-role=expander] > img { width: 32px; height: 32px; background-color: #444; border-radius: 4px; } [data-role=menu-popup] > [data-role=menu-item] > [data-role=caption] { height: 32px; text-align: left; padding: 7px 6px; } [data-role=menu-popup] > [data-role=menu-item] > [data-role=caption] > [data-role=highlight] { display: inline-block; background-color: #444; color: #efefef; padding: 4px; border-radius: 6px; font-size: 14px; margin: 0 10px 0 0; min-width: 30px; text-align: center; vertical-align: middle; margin-top: -2px; transition: color .1s, background-color .1s; -webkit-transition: color .1s, background-color .1s; -moz-transition: color .1s, background-color .1s; } [data-role=menu-popup] > [data-role=menu-item]:hover, [data-role=menu-popup] > [data-role=menu-item].opened { background-color: #4285f4; color: #efefef; transition: color .1s, background-color .1s; -webkit-transition: color .1s, background-color .1s; -moz-transition: color .1s, background-color .1s; } [data-role=menu-popup] > [data-role=menu-item]:hover > [data-role=caption] > [data-role=highlight], [data-role=menu-popup] > [data-role=menu-item].opened > [data-role=caption] > [data-role=highlight] { background-color: #efefef; color: #444; transition: color .1s, background-color .1s; -webkit-transition: color .1s, background-color .1s; -moz-transition: color .1s, background-color .1s; } [data-role=menu-popup] > [data-role=menu-separator] { display: block; position: relative; white-space: nowrap; text-overflow: ellipsis; max-width: 80vw; height: 8px; } [data-role=menu-popup] > [data-role=menu-separator]:after { position: absolute; top: 50%; left: 0; right: 0; height: 1px; display: block; content: ' '; background-color: #444; } [data-role=menu-popup][data-has-icons] > [data-role=menu-item][data-has-caption]:not([data-has-icon]) { padding-left: 32px; } [data-role=menu-popup][data-has-expanders] > [data-role=menu-item][data-has-caption] { padding-right: 32px; } [data-role=menu-popup][data-has-expanders] > [data-role=menu-item][data-has-expander] > [data-role=expander] { position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); }
/** END: /css/v1/popup-menu.css **/
/** BEGIN: /css/v1/dialog.css**/
body > [data-role=dialog-modal] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: block; z-index: 2147482999; background-color: rgba(0, 0, 0, .5); } body > [data-role=dialog-modal] ~ [data-role=dialog-modal] { display: none; } body > [data-role=dialog] { display: block; position: fixed; border: 1px solid #616161;  z-index: 2147483000; border-radius: 3px; max-width: calc(100vw - 20px); max-height: calc(100vh - 20px); background-color: #363b3e; padding: 10px; } body > [data-role=dialog]:focus { outline: none; } body > [data-role=dialog][data-full-screen="1"] ~ [data-role=dialog-modal], body > #form[data-is-mobile="1"] ~ [data-role=dialog] ~ [data-role=dialog-modal] { display: block !important; z-index: 2147483090; } body > [data-role=dialog][data-full-screen="1"] ~ [data-role=dialog], body > #form[data-is-mobile="1"] ~ [data-role=dialog] ~ [data-role=dialog] { z-index: 2147483100; } body > [data-role=dialog][data-full-screen], body[data-mobile-mode="1"] [data-role=dialog]:not([data-full-screen="1"]):not([data-title-size=small]), body > #form[data-is-mobile="1"] ~ [data-role=dialog] { border-width: 0; } body > [data-role=dialog]:not([data-full-screen="1"])[data-centered] { left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); } body > [data-role=dialog][data-full-screen="1"], body[data-mobile-mode="1"] [data-role=dialog]:not([data-full-screen="1"]):not([data-title-size=small]), body > #form[data-is-mobile="1"] ~ [data-role=dialog] { left: 0 !important; top: 0 !important; right: 0 !important; bottom: 0 !important; width: initial !important; height: initial !important; max-width: none; max-height: none; border-radius: 0; transform: none; -webkit-transform: none; -moz-transform: none; } body > [data-role=dialog] > [data-role=title] { display: block; height: 70px; padding: 20px 0 10px 0; font-weight: normal; font-size: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: relative; background-color: #363b3e; user-select: none; -moz-user-select: none; -webkit-user-select: none; } body > [data-role=dialog] > [data-role=title] > [data-role=modal-button][data-modal-command=close] { position: absolute; width: 32px; height: 32px; right: 10px; top: 50%; transform: translateY(-50%); font-size: 32px; color: white; cursor: pointer; transition: color .3s; -webkit-transition: color .3s; -moz-transition: color .3s; text-shadow: 1px 1px rgba(0, 0, 0, 0.2); } body > [data-role=dialog] > [data-role=title] > [data-role=modal-button]:hover { -webkit-transition: color .3s; -moz-transition: color .3s; text-shadow: 0 0 3px white; } body > [data-role=dialog] > [data-role=title] > [data-role=caption] { white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; width: calc(100% - 30px); display: block; text-shadow: 1px 1px rgba(0, 0, 0, 0.2); color: white; } body > [data-role=dialog] > [data-role=buttons] { position: absolute; bottom: 0; left: 0; right: 0; height: 53px; display: flex; flex-direction: row; justify-content: flex-end; background-color: #363b3e; } body > [data-role=dialog] [data-role=buttons] > button { height: 32px; margin: 10px; background-color: white; border: 1px solid #4c4c4c; border-radius: 3px; cursor: pointer; min-width: 50px; } button.btn { height: 32px; background-color: white; border: 1px solid #4c4c4c; border-radius: 3px; cursor: pointer; } body > [data-role=dialog] [data-role=buttons] > button:hover, button.btn:hover { box-shadow: 0 0 3px #7f7f7f; } body > [data-role=dialog] [data-role=buttons] > button:active, button.btn:active { background-color: #ddd; } body > [data-role=dialog] > [data-role=body] { display: block; position: relative; width: 100%; height: calc(100% - 70px); padding: 10px; border: 1px inset #808c94; background-color: #e4e4e4; } body > [data-role=dialog][data-title-size=small]:not([data-has-buttons]) > [data-role=body] { height: calc(100% - 25px); } body > [data-role=dialog][data-has-buttons] > [data-role=body] { height: calc(100% - 123px); } body > [data-role=dialog] > [data-role=body] input:not([type=radio]):not([type=checkbox]), body > [data-role=dialog] > [data-role=body] textarea, body > [data-role=dialog] > [data-role=body] select { border: 1px inset #7f7f7f; padding: 0 5px; border-radius: 2px; text-overflow: ellipsis; } body > [data-role=dialog] > [data-role=body] label { color: #444444; font-size: 14px; } body[data-full-screen-dialog-opened] { overflow: hidden !important; } body > [data-role=dialog][data-title-size=small] > [data-role=title] { height: 24px; padding: 1px 0 1px 0; } body > [data-role=dialog][data-title-size=small] > [data-role=title] > [data-role=caption] { font-size: 14px; width: calc(100% - 24px); } body > [data-role=dialog][data-title-size=small] > [data-role=title] > [data-role=modal-button][data-modal-command=close] { right: 0; top: 8px; width: 20px; height: 20px; line-height: 20px; } body > [data-role=dialog][data-title-size=small] > [data-role=title] > [data-role=modal-button][data-modal-command=close] > span { font-size: 20px; } body > [data-role=dialog][data-title-size=small][data-has-buttons="1"] > [data-role=body] { height: calc(100% - 70px); } body > [data-role=dialog][data-movable="1"] > [data-role=title], body > [data-role=dialog][data-movable="1"] > [data-role=title] > [data-role=caption] { cursor: move; } body > [data-role=dialog] > [data-role=buttons] > button:hover { color: #363b3e; } [data-role=panel] [data-role=panel-button].btn-danger, body > [data-role=dialog] button.btn-danger, button.btn.btn-danger { background-color: #dc0000; color: white; } button.btn.btn-danger { border-color: white; } button.btn.btn-danger:active { background-color: #b50000; } [data-role=panel] [data-role=panel-button].btn-grayed, body > [data-role=dialog] > [data-role=buttons] > button.btn-grayed { color: #7f7f7f; text-shadow: 1px 1px black; } [data-role=panel] [data-role=panel-button].btn-primary, body > [data-role=dialog] [data-role=buttons] > button.btn-primary, button.btn.btn-primary { color: white; background-color: #4285f4; border-color: #b3cefb; transition: background-color .25s; -webkit-transition: background-color .25s; -moz-transition: background-color .25s; } [data-role=panel] [data-role=panel-button].btn-primary:active, body > [data-role=dialog] [data-role=buttons] > button.btn-primary:active, button.btn.btn-primary:active { background-color: #3367d6; } [data-role=panel] [data-role=panel-button]:not([disabled]).btn-primary-color, body > [data-role=dialog] [data-role=buttons] > button:not([disabled]).btn-primary-color, button:not([disabled]).btn.btn-primary-color { color: #4285f4 !important; } [data-role=panel] [data-role=panel-button].btn-secondary, body > [data-role=dialog] [data-role=buttons] > button.btn-secondary, button.btn.btn-secondary { color: white !important; background-color: #07903b !important; border-color: #b3fbce !important; transition: background-color .25s; -webkit-transition: background-color .25s; -moz-transition: background-color .25s; } [data-role=panel] [data-role=panel-button].btn-secondary:active, body > [data-role=dialog] [data-role=buttons] > button.btn-secondary:active, button.btn.btn-secondary:active { background-color: #047931 !important; } [data-role=panel] [data-role=panel-button].btn-link, body > [data-role=dialog] [data-role=buttons] > button.btn-link, button.btn.btn-link { border-color: transparent !important; background-color: transparent !important; color: #444444 !important; } [data-role=panel] [data-role=panel-button].btn-link:hover, body > [data-role=dialog] [data-role=buttons] > button.btn-link:hover, button.btn.btn-link:hover { text-decoration: underline !important; } [data-role=dialog][data-dialog-role=sysmodal-alert] [data-role=icon] { display: block; font-size: 48px; float: left; margin: 0 20px 20px auto; color: #9a0000; } [data-role=dialog][data-dialog-role=sysmodal-alert] [data-role=body] { overflow: auto; } [data-role=dialog][data-dialog-role=sysmodal-alert] [data-role=body] p { margin: 5px 0; font-size: 14px; color: #444; } [data-role=dialog][data-dialog-role=sysmodal-alert] [data-role=body] p:first-child { margin-top: 0; } [data-role=dialog][data-dialog-role=sysmodal-alert] [data-role=body] p:last-child { margin-bottom: 0; } 
/** END: /css/v1/dialog.css **/
/** BEGIN: /css/v1/tabs-panel.css**/
 [data-role=tabs-panel] { position: relative; display: block; padding: 0; margin: 0; } [data-role=tabs-panel] > [data-role=titlebar] { position: relative; display: block; padding: 0; margin: 0; height: 30px; white-space: nowrap; z-index: 1; } [data-role=tabs-panel] > [data-role=titlebar] > [data-role=sheet-title] { display: inline-block; height: 30px; background-color: #9c9c9c; color: #363b3e; border-radius: 3px 3px 0 0; padding: 8px; margin: 0 2px 0 0; cursor: pointer; user-select: none; -webkit-user-select: none; -moz-user-select: none; font-size: 16px; line-height: 1em; } [data-role=tabs-panel] > [data-role=titlebar] > [data-role=sheet-title][data-active="1"] { background-color: #363b3e; color: white; height: 31px; } [data-role=tabs-panel] > [data-role=body] { position: absolute; display: block; padding: 5px; margin: 0; top: 30px; bottom: 0; left: 0; right: 0; border: 1px outset #808c94 } [data-role=tabs-panel] > [data-role=body] > [data-role=tabs-sheet] { display: none; padding: 0; margin: 0; position: relative; width: 100%; height: 100%; } [data-role=tabs-panel] > [data-role=body] > [data-role=tabs-sheet][data-active="1"] { display: block; } 
/** END: /css/v1/tabs-panel.css **/            #ht-content > div[data-elementor-type=post].elementor:nth-child(1) { margin-top: -24px; } .cta { transition: background-color .25s, color .25s; -webkit-transition: background-color .25s, color .25s; -moz-transition: background-color .25s, color .25s; } .cta:hover { transition: background-color .25s, color .25s; -webkit-transition: background-color .25s, color .25s; -moz-transition: background-color .25s, color .25s; } .cta.cta-highlight { font-weight: 600; } .cta.color-primary { color: #89c402 !important; } .cta.color-primary:hover { color: #acf603 !important; } .cta.bg-hover-default, .cta.bg-hover-secondary { background-color: rgba(0, 0, 0, 0); } .cta.bg-hover-default:hover, .cta.bg-hover-default:focus-within { background-color: rgb(2 107 188); } body[data-browser-type=edge] .cta.bg-hover-default:hover, body[data-browser-type=edge] .cta.bg-hover-default:focus { background-color: rgba(0, 0, 0, 1); } .cta.bg-hover-secondary:hover, .cta.bg-hover-secondary:focus-within { background-color: rgba(0, 120, 212, 1); } body[data-browser-type=edge] .cta.bg-hover-secondary:hover, body[data-browser-type=edge] .cta.bg-hover-secondary:focus { background-color: rgba(0, 120, 212, 1); } .section.bg-section-primary { background-color: #323237; color: white; } .section.bg-section-secondary { background-color: white; color: #323237; } .section.bg-section-ternary { background-color: #e9e9e9; color: #323237; } * { box-sizing: border-box; } body { padding: 0; margin: 0; } #abcsubmit-header { background-color: rgb(0 120 212); color: #dedede; display: block; height: 50px; padding: 0; font-size: 0; position: fixed; left: 0; right: 0; top: 0; z-index: 3000000; } #abcsubmit-header:not([data-authenticated]) #header-login-link, #abcsubmit-header:not([data-authenticated]) #header-signup-link, #abcsubmit-header:not([data-authenticated]) #header-account-link { display: none; } #abcsubmit-header[data-authenticated="1"] #header-login-link, #abcsubmit-header[data-authenticated="1"] #header-signup-link { display: none; } #abcsubmit-header[data-authenticated="0"] #header-account-link { display: none; } #abcsubmit-header + * { display: block; margin-top: 49px; } #abcsubmit-header a, #abcsubmit-header label, #abcsubmit-header input, #abcsubmit-header span { font-size: 1rem; } .page-width-wrapper, #ht-content { display: block; padding: 0 20px; position: relative; max-width: 1310px; margin-left: auto; margin-right: auto; } .full-page-wrapper, #ht-page { display: block; width: 100%; } #ht-page { padding: 24px 0 0 0; } .full-page-wrapper { padding: 0; margin: 0; } #abcsubmit-header > .page-width-wrapper { white-space: nowrap; display: flex; flex-direction: row; } #abcsubmit-header .greedy-space { flex-grow: 100; } #abcsubmit-header[data-search-visible] .greedy-space { display: none; } #abcsubmit-header #nav-search-form { position: relative; } #abcsubmit-header[data-search-visible] #nav-search-form { flex-grow: 100; } #abcsubmit-header[data-search-visible] #nav-search-form .nav-button { display: none; } #abcsubmit-header[data-search-visible] #site-search { display: block; margin-top: 10px; height: 30px; margin-left: 20px; width: calc(100% - 30px); background-color: #f4f4f4; border: none; color: #1a1a1f; font-size: 14px; padding: 0 10px 0 32px; outline: none; } #abcsubmit-header[data-search-visible] #close-search { position: absolute; display: block; right: 13px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); font-size: 24px; color: #1a1a1f; cursor: pointer; } #abcsubmit-header[data-search-visible] #submit-search { position: absolute; display: block; left: 25px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); font-size: 18px; color: #969696; cursor: pointer; transition: color .25s; -webkit-transition: color .25s; -moz-transition: color .25s; background-color: transparent; border: none; padding: 0 2px; } #abcsubmit-header[data-search-visible] #submit-search:hover, #abcsubmit-header[data-search-visible] #submit-search:focus { color: #0894ff; transition: color .25s; -webkit-transition: color .25s; -moz-transition: color .25s; } #abcsubmit-header > .page-width-wrapper > div, #abcsubmit-header > .page-width-wrapper > form { display: inline-block; vertical-align: top; position: relative; } #abcsubmit-header a { color: inherit; text-decoration: none; } #abcsubmit-header #nav-menu > ul, #abcsubmit-header #nav-menu > ul ul { display: flex; padding: 0; margin: 0; list-style-type: none; position: relative; font-size: 0; } #abcsubmit-header #nav-menu > ul > li { display: inline-block; } #abcsubmit-header #nav-menu > ul > li > ul { display: none; } #abcsubmit-header:not(.mobile-expanded) #nav-menu .nav-button.has-submenu:not(:hover):not(:focus-within) > ul, #abcsubmit-header.mobile-expanded #nav-menu .nav-button.has-submenu:not(.opened) > ul { display: none; } body[data-browser-type=edge] #abcsubmit-header:not(.mobile-expanded) #nav-menu .nav-button.has-submenu:not(:hover):not(:focus) > ul, body[data-browser-type=edge] #abcsubmit-header.mobile-expanded #nav-menu .nav-button.has-submenu:not(.opened) > ul { display: none; } #abcsubmit-header.mobile-expanded #burger-menu { color: rgba(0, 120, 212, 1); } #abcsubmit-header.mobile-expanded #burger-menu .vfb:before { content: "\e5cd" !important; } @media screen and (min-width: 800px) { body[data-browser-type=edge] #abcsubmit-header #nav-menu .nav-button:not(:hover) > ul { display: none !important; } } #abcsubmit-header #nav-menu .nav-button.has-submenu:hover:not(.mobile-expanded) > ul, #abcsubmit-header #nav-menu .nav-button.has-submenu:focus-within:not(.mobile-expanded) > ul { position: absolute; left: 0; background-color: #1a1a1f; padding: 0; } body[data-browser-type=edge] #abcsubmit-header #nav-menu .nav-button.has-submenu:hover:not(.mobile-expanded) > ul, body[data-browser-type=edge] #abcsubmit-header #nav-menu .nav-button.has-submenu:focus:not(.mobile-expanded) > ul { position: absolute; left: 0; background-color: #1a1a1f; padding: 0; } #abcsubmit-header #nav-menu .nav-button.has-submenu > ul li a { padding: 13px; display: block; background-color: rgba(0, 0, 0, 0); transition: background-color .25s; -webkit-transition: background-color .25s; -moz-transition: background-color .25s; } #abcsubmit-header #nav-menu .nav-button.has-submenu > ul li a:hover, #abcsubmit-header #nav-menu .nav-button.has-submenu > ul:not(:hover) li a:focus { background-color: rgba(0, 120, 212, 1); transition: background-color .25s; -webkit-transition: background-color .25s; -moz-transition: background-color .25s; } #abcsubmit-header #logo { padding: 0 !important; } #abcsubmit-header #logo > a { display: block; width: 50px; height: 50px; text-decoration: none; position: relative; } #abcsubmit-header #logo svg { width: 43px; height: 43px; display: block; position: absolute; top: 4px; left: 4px; pointer-events: none; --webkit-pointer-events: none; --moz-pointer-events: none; } #abcsubmit-header .nav-button { display: block; height: 50px; padding: 0; position: relative; } #abcsubmit-header .nav-button > a, #abcsubmit-header .nav-button > label { padding: 18px 12px; display: inline-block; position: relative; height: 50px; } #abcsubmit-header .nav-button * { cursor: pointer; } #abcsubmit-header .nav-button.has-icon { padding-right: 35px; } #abcsubmit-header #site-search, #abcsubmit-header #close-search, #abcsubmit-header #submit-search { display: none; } #abcsubmit-header .nav-button > span.vfb { position: absolute; top: 50%; right: 10px; display: block; height: 16px; width: 16px; transform: translateY(-50%); } #abcsubmit-header .nav-button.has-icon > label, #abcsubmit-header .nav-button.has-icon > a { padding-right: 0; } #abcsubmit-header .nav-button:hover > label, #abcsubmit-header .nav-button:hover > a { text-decoration: underline; color: white; } #abcsubmit-header a:focus { outline: none; } #abcsubmit-header .nav-button:focus-within, #abcsubmit-header .nav-button:focus { outline: 1px dotted #dedede; outline-offset: -3px; } body[data-browser-type=edge] #abcsubmit-header .nav-button:focus { outline: 1px dotted #dedede; outline-offset: -3px; } #abcsubmit-header #burger-menu { display: none; } #abcsubmit-header #burger-menu > span { display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); width: 32px; height: 32px; } @media screen and ( max-width: 800px ) { body { overflow-x: hidden !important; } a.hero-link, a.secondary-cta { padding-right: 15px; } a.hero-link:after, a.secondary-cta:after { display: inline-block; margin-left: 10px; position: initial; } #abcsubmit-header #logo { margin-left: -10px; } #abcsubmit-header #burger-menu { display: block; color: white; cursor: pointer; height: 50px !important; width: 50px; margin-right: -20px; transition: color .25s; -webkit-transition: color .25s; -moz-transition: color .25s; } #abcsubmit-header #burger-menu > span { font-size: 32px; line-height: 32px; } #abcsubmit-header #nav-menu > ul { display: none; } #abcsubmit-header.mobile-expanded #nav-menu > ul { position: fixed; top: 50px; left: 0; right: 0; bottom: 0; background-color: #1a1a1f; display: block; border-top: 1px solid #6a6a6a; overflow-x: hidden; overflow-y: auto; } #abcsubmit-header.mobile-expanded #nav-menu > ul > li { display: block; } #abcsubmit-header.mobile-expanded .nav-button { height: initial !important; } #abcsubmit-header.mobile-expanded #nav-menu .nav-button.has-submenu.opened > ul { position: relative !important; width: calc(100% + 35px); border-bottom: 1px solid #6a6a6a; } #abcsubmit-header.mobile-expanded #nav-menu a { display: block; text-decoration: none; } #abcsubmit-header.mobile-expanded .nav-button.has-submenu > span.vfb { transform: none; top: 18px; } #abcsubmit-header.mobile-expanded .nav-button.has-submenu.opened > span.vfb:before { content: "\e91e" !important; } } [data-role=slider] { position: relative; overflow: hidden; } [data-role=slider] > [data-role=canvas] { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch; align-content: stretch; width: 100%; margin-left: 0; transition: margin-left .3s; -webkit-transition: margin-left .3s; -moz-transition: margin-left .3s; position: relative; } [data-role=slider][data-num-slides="2"] > [data-role=canvas] { width: 200%; } [data-role=slider][data-num-slides="3"] > [data-role=canvas] { width: 300%; } [data-role=slider][data-num-slides="4"] > [data-role=canvas] { width: 400%; } [data-role=slider][data-num-slides="5"] > [data-role=canvas] { width: 500%; } [data-role=slider][data-active-slide="2"] > [data-role=canvas] { margin-left: -100%; } [data-role=slider][data-active-slide="3"] > [data-role=canvas] { margin-left: -200%; } [data-role=slider][data-active-slide="4"] > [data-role=canvas] { margin-left: -300%; } [data-role=slider][data-active-slide="5"] > [data-role=canvas] { margin-left: -400%; } [data-role=slider] > [data-role=canvas] > [data-role=slide] { width: 100%; display: block; padding: 10px 0 10px 0; white-space: nowrap; position: relative; visibility: hidden; } [data-role=slider][data-active-slide="1"] > [data-role=canvas] > [data-role=slide]:nth-child(1), [data-role=slider][data-active-slide="2"] > [data-role=canvas] > [data-role=slide]:nth-child(2), [data-role=slider][data-active-slide="3"] > [data-role=canvas] > [data-role=slide]:nth-child(3), [data-role=slider][data-active-slide="4"] > [data-role=canvas] > [data-role=slide]:nth-child(4), [data-role=slider][data-active-slide="5"] > [data-role=canvas] > [data-role=slide]:nth-child(5) { visibility: visible; } [data-role=slider] > [data-role=canvas] > [data-role=slide] > [data-role=contents] { position: relative; display: inline-block; vertical-align: top; width: calc(50% - 20px); white-space: normal; margin-right: 35px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); } [data-role=slider] > [data-role=canvas] > [data-role=slide] > img { width: calc(50% - 30px); bottom: 0; right: 0; display: inline-block; vertical-align: top; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); } .section.bg-section-ternary h2 { display: block; text-align: center; font-size: 24px; padding-top: 32px; font-weight: 600; width: 100%; padding-bottom: 32px; } footer { background-color: rgb(0 120 212); color: white; font-size: 14px; padding-top: 48px !important; padding-bottom: 24px !important; } #footer-1, #footer-2 { display: flex; flex-direction: row; flex-wrap: wrap; padding-bottom: 24px; } #footer-1 > .column, #footer-2 > .column { display: block; width: 25%; } #footer-2 > .column:nth-child(1) { width: 100%; } footer ul { padding: 0; margin: 0; } footer li { list-style-type: none; padding: 0; margin: 0; } footer p { font-size: 14px; color: white; margin-bottom: 0; line-height: 18px; } footer h4 { font-size: 14px; font-weight: bold; padding-bottom: 16px; } footer a { color: white; text-decoration: none; } footer ul a { color: white; padding: 5px 0; display: inline-block; } #footer-2 { border-top: 1px solid #ffffff; padding-top: 24px; } @media screen and (max-width: 920px) { footer #footer-1 > .column, footer #footer-2 > .column { width: 50%; } footer #footer-1 > .column:nth-child(3), footer #footer-1 > .column:nth-child(4) { padding-top: 48px; } } body[data-not-scrollable] { overflow-x: hidden; overflow-y: hidden; } a.hero-link, a.secondary-cta, a.btn-extra-large { position: relative; font-size: 24px; line-height: 70px; font-weight: 300; padding: 5px 36px 10px 14px; text-decoration: none; transition: background-color .25s; -webkit-transition: background-color .25s; -moz-transition: background-color .25s; white-space: nowrap; max-width: 100%; margin-right: 20px; outline: none; } a.btn-extra-large { font-size: 20px; line-height: 30px; padding: 16px 24px; border-radius: 4px; font-weight: 400; } a.btn-primary-blue-filled { background-color: #0372F2; border: 2px solid #0372F2; color: #ffffff; } a.btn-primary-blue-filled:hover { background-color: #0464D2; border: 2px solid #0464D2; } a.btn-primary-blue-transparent { background-color: transparent; color: #0372F2; border: 2px solid transparent; } a.btn-primary-blue-transparent:hover { border: 2px solid #0464D2; color: #0464D2; } a.hero-link { background-color: #89c402; color: #1a1a1f; } a.secondary-cta { background-color: rgba(0, 0, 0, 0); color: #efefef; } a.hero-link strong, a.secondary-cta strong { font-weight: inherit; } a.hero-link:hover, a.hero-link:focus { background-color: #acf603; } a.hero-link:focus, a.secondary-cta:focus { outline: 1px dotted white; outline-offset: -3px; } a.secondary-cta:hover, a.secondary-cta:focus { background-color: rgba(0, 120, 212, 1); } a.hero-link:after, a.secondary-cta:after {                 } #gdpr-cookie-warning { box-shadow: 0 0 10px rgba(255, 255, 255, .3); position: fixed; bottom: 20px !important; background-color: #1a1a1f !important; color: #969696; padding: 20px; z-index: 100000000; font-weight: 400; font-size: 14px; display: flex !important; flex-direction: row; justify-content: space-between; align-items: center; width: 800px; border-top: 0 !important; max-width: calc(100vw - 57px); left: 50% !important; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); } #gdpr-cookie-warning > .message { margin-right: 20px; display: block; } #gdpr-cookie-warning > button { white-space: nowrap; background-color: #00abec; color: white; border: none; cursor: pointer; padding: 5px 10px; transition: background-color .25s, color .25s; -webkit-transition: background-color .25s, color .25s; -moz-transition: background-color .25s, color .25s; } #gdpr-cookie-warning a { color: #00abec !important; } #gdpr-cookie-warning > button:hover { background-color: #00c2ff; } body > [data-role=dialog-modal] { background-color: #1a1a1f !important; opacity: 0.97; } body > [data-role=loader] { position: fixed; display: block; left: 0; top: 0; bottom: 0; right: 0; background-color: #1a1a1f !important; opacity: 0.97; z-index: 5000000; } body > [data-role=dialog] > [data-role=title] > [data-role=caption] { outline: none; } #ht-content > div[data-elementor-type=post].elementor:nth-child(1) { margin-top: -55px!important; } .first-section { background: radial-gradient(circle at 75.16% 4.49%, rgb(255 212 54), transparent 50%), radial-gradient(circle at -9.02% 25.19%, rgb(155 203 179), transparent 50%), radial-gradient(circle at 51.23% 96.82%, rgb(102 255 200), transparent 50%), radial-gradient(circle at 50% 50%, #ffffff, #ffffff 100%)  } .first-section-buttons-container { display: flex; justify-content: center; margin-top: 20px; } .d-flex-items-center { align-items: center; display: flex; } .sign-up-button-header { padding: 8px 20px; background: #ed9406; border-radius: 4px; font-weight: 600; text-decoration: none!important; } .sign-up-button-header-container { padding: 18px; } .first-section-text { text-align: center; padding: 100px; } @media screen and (max-width: 1400px) { .first-section .hero h2 { padding: 30px 0!important; } } @media screen and (max-width: 800px) { .btn-extra-large { margin-top: 10px; justify-content: center; } .first-section-buttons-container { display: block !important; } .first-section-text { padding: 100px 30px; } } 
/** END: /css/v1/public.css **/
/** BEGIN: /css/v1/wp-css/main.css**/
.ht-sticky-header #ht-content {  padding-top: 0; }  #post-38 table tr > td:last-child, #post-43 table tr > td:last-child { width: 250px; } #post-38 table td, #post-43 table td { padding: 10px; vertical-align: top; }  #post-60 { background-image: url("/site/wp-content/uploads/2018/09/contact-us.jpg"); background-size: 100% auto; background-repeat: no-repeat; padding-top: 130px; } .page-id-66 .ht-main-header, .page-id-60 .ht-main-header, .page-id-25 .ht-main-header, .page-id-114 .ht-main-header, .page-id-158 .ht-main-header, .page-id-163 .ht-main-header, .page-id-316 .ht-main-header { display: none; } #post-60 iframe, #post-66 iframe, #post-114 iframe, #post-158 iframe { margin: 0 auto; } #post-66 { background-image: url("/site/wp-content/uploads/2018/09/work.jpg"); background-size: 100% auto; background-repeat: no-repeat; padding-top: 130px; } #post-25 { background-image: url("/site/wp-content/uploads/2018/09/about-us.jpg"); background-size: 1280px 600px; background-repeat: no-repeat; background-position: 50% -250px; padding-top: 380px; } #post-114 { background-image: url("/site/wp-content/uploads/2018/09/abuse-header.png"); background-size: auto 600px; background-repeat: no-repeat; background-position: 50% 0; padding-top: 300px; } #post-158 { background-image: url("/site/wp-content/uploads/2018/09/request-a-quote.png"); background-size: auto 400px; background-repeat: no-repeat; background-position: 50% 0; padding-top: 325px; } .page-id-123 h2 { text-align: center; } .page-id-123 form { display: block; margin: 50px auto; text-align: center; } .page-id-123 form [name=s] { width: 400px; } #search-site { position: absolute; display: block; top: 50%; left: 80px; transform: translateY(-50%); } #search-site [name=s] { transition: width .5s; -webkit-transition: width .5s; -moz-transition: width .5s; width: 180px; border-color: transparent; cursor: pointer; } #search-site [name=s]:focus { width: 400px; transition: width .5s; -webkit-transition: width .5s; -moz-transition: width .5s; border-color: rgb(238, 238, 238); } .ht-site-header .ht-container { position: relative; }  body > [data-role=modal] { position: fixed; top: 13px; left: 10px; bottom: 10px; right: 10px; background-color: rgba(255,255,255,.95); display: block; z-index: 10000000; border-radius: 10px; border: 2px solid #efefef; box-shadow: 0 0 15px black; } body > [data-role=modal] > [data-role=close] { position: absolute; right: 0; top: 0; font-size: 32px; color: #444; cursor: pointer; border-bottom: 1px solid white; width: 50px; height: 50px; } body > [data-role=modal] > [data-role=title] { position: absolute; left: 0; font-weight: bold; top: 0; right: 50px; height: 50px; font-size: 24px; display: block; padding: 10px; color: #444; border-bottom: 1px solid white; } body > [data-role=modal] > [data-role=close] > span { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); text-align: center; } body > [data-role=modal] > [data-role=body] { position: absolute; left: 0; top: 50px; right: 0; bottom: 50px; overflow: hidden; border-bottom: 1px solid white; border-top: 3px solid #efefef; } body > [data-role=modal] > [data-role=footer] { position: absolute; bottom: 0; left: 0; right: 0; height: 50px; padding: 5px; border-top: 3px solid #efefef; }  #gdpr-cookie-warning { position: fixed; bottom: 0; left: 0; right: 0; background-color: white; display: block; padding: 20px; border-top: 4px solid rgb(255, 193, 7); z-index: 8000; white-space: nowrap; box-shadow: 0 0 10px black; } #gdpr-cookie-warning a { color: #444; } #gdpr-cookie-warning a:hover { color: rgb(255, 193, 7); text-decoration: underline; } #gdpr-cookie-warning > span { display: inline-block; white-space: normal; position: relative; vertical-align: top; } #gdpr-cookie-warning > .message { width: calc(100% - 170px); } #gdpr-cookie-warning > .close { width: 90px; text-align: right; } body.single.single-post header.ht-main-header { display: none; } body.single.single-post article figure { max-width: 50%; } body.single.single-post article figure img { max-width: 100%; height: auto !important; float: initial !important; margin-left: 0 !important; } @media only screen and (max-width: 700px) { body.single.single-post article figure { display: block; float: none !important; max-width: 90vw !important; margin: 10px auto; text-align: left !important; } } #menu-item-411 { cursor: pointer; }  .page-id-442 header.ht-main-header { display: none; } #post-442 .vfb { display: inline-block; vertical-align: middle; margin-right: 10px; color: #FFC107; } #post-442 .vfb > i { display: none; } #post-442 a { color: #444; font-weight: bold; } #post-442 a:hover { text-decoration: underline; }  #post-489 h1 { text-align: center; } #post-489 [data-role=team] { text-align: center; padding-top: 60px; } #post-489 [data-role=person] { position: relative; display: inline-block; height: 380px; width: 250px; vertical-align: top; margin-bottom: 50px; } #post-489 [data-role=person] > [data-role=name] { font-weight: bold; display: block; text-align: center; padding-top: 10px; } #post-489 [data-role=person] > [data-role=name] .location { font-weight: normal; } #post-489 [data-role=person] > [data-role=title] { position: absolute; top: 230px; left: 10px; right: 10px; display: block; text-align: left; } #post-489 [data-role=person] > [data-role=title] > .job-title { font-size: 12px; display: inline-block; background-color: #FFC107; padding: 5px; color: #444; margin: 3px 0; border-radius: 3px; font-weight: bold; cursor: default; } #post-489 [data-role=person] > [data-role=picture] { width: 150px; height: 150px; display: block; position: relative; margin: 5px auto 0 auto; border-radius: 50%; overflow: hidden; } #post-489 [data-role=person] > [data-role=linkedin-profile] { display: block; margin: 0 auto 20px auto; width: 24px; font-size: 24px; color: #0077b5; } #post-489 [data-role=person]:hover { box-shadow: 0 0 3px black; } #post-489 [data-role=person]:hover [data-role=picture] { box-shadow: 0 0 10px black; }  body.page-id-661 header.ht-main-header { display: none; } body.page-id-661 h1[data-role=dashboard-title] { text-align: center; padding-top: 20px; padding-bottom: 20px; font-weight: 300; }
/** END: /css/v1/wp-css/main.css **/   article, aside, details, figcaption, figure, main, menu, nav, section, summary { display: block; margin: 0; } 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; } 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 { } hr { 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; margin-right: 10px; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; } 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; }  html { box-sizing: border-box; } *, *:before, *:after {  box-sizing: inherit; } body { background: #fff;  } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 15px; } ul, ol { margin: 0 0 15px 20px; padding: 0; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 15px; } dt { font-weight: bold; } dd { margin: 0 15px 15px; } img { height: auto;  max-width: 100%;  vertical-align: middle; } table { margin: 0 0 15px; width: 100%; }  button, input[type="button"], input[type="reset"], input[type="submit"] { background: rgba(0, 120, 212, 1); padding: 0 20px; height: 40px; color: #FFF; border: 0; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background: #333; } button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { outline: 0; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #404040; border: 1px solid #EEE; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; vertical-align: top; } select { border: 1px solid #EEE; height: 40px; padding: 3px 40px 3px 8px; background-color: transparent; line-height: 100%; outline: 0; background-position: right center; background-repeat: no-repeat; position: relative; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { outline: 0; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"] { padding: 3px 8px; height: 40px; } textarea { padding: 8px; width: 100%; }  a { color: rgba(0, 120, 212, 1); text-decoration: none; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } a:focus, a:hover, a:active { outline: 0; }   .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000;  }  .alignleft { display: inline; float: left; margin-right: 15px; } .alignright { display: inline; float: right; margin-left: 15px; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }  .ht-clearfix:before, .ht-clearfix:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-footer:before, .site-footer:after, .ht-container:before, .ht-container:after { content: ""; display: table; } .ht-clearfix:after, .entry-content:after, .comment-content:after, .site-footer:after, .ht-container:after { clear: both; }  .widget { margin: 0 0 15px; }  .widget select { max-width: 100%; }  .widget_search .search-submit { display: none; }  .sticky { display: block; } .hentry { margin: 0 0 30px; } .total-hentry { margin: 0 0 50px; } .byline, .updated:not(.published) { display: none; } .page-content, .entry-content{ margin-bottom: 50px; } .page-template-page-builder-template .page-content{ margin-bottom: 0; } .page-links { clear: both; margin: 0 0 15px; } #primary{ width: 70%; float: left; } #secondary{ width: 27%; float: right; } .ht_no_sidebar #primary{ width: auto; float: none; } .ht_no_sidebar_condensed #primary{ width: 76%; float: none; margin: 0 auto; } .ht_left_sidebar #primary{ float: right; } .ht_left_sidebar #secondary{ float: left; } .ht-post-info{ float: left; width: 80px; text-align: right; } .single .ht-post-info{ margin-right: 30px; margin-bottom: 20px; } .ht-post-info .entry-date{ display: block; font-size: 0.9em; margin-bottom: 20px; margin-right: 20px; } .ht-post-info .entry-date span{ display: block; text-transform: uppercase; } .ht-post-info .entry-date span.ht-day{ font-size: 60px; line-height: 1; color: rgba(0, 120, 212, 1); } .ht-post-info a{ display: none;           } .entry-figure{ background: #f9f9f9; text-align: center; margin-bottom: 15px; } .entry-header .entry-title{ font-weight: 300; letter-spacing: 1px; margin-bottom: 10px; } .entry-figure + .entry-header{ background: #FFF; position: relative; margin-top: -65px; width: 90%; padding: 15px 0 1px; } .entry-header .entry-title a{ text-decoration: none; color: #333; } .entry-categories{ font-size: 14px; color: #666; font-style: italic; margin-bottom: 15px; } .entry-categories .fa{ color: rgba(0, 120, 212, 1); margin-right: 8px; } .entry-categories a{ color: #666; text-decoration: none; } .entry-readmore{ margin-top: 20px; } .entry-readmore a{ background: rgba(0, 120, 212, 1); padding: 0 20px; line-height: 40px; color: #FFF; border: 0; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: inline-block; } .entry-readmore a:hover{ background: #333; color: #FFF; }  .widget-area .widget-title{ position: relative; padding-bottom: 10px; margin-bottom: 20px; } .widget-area .widget-title:after{ content:""; position: absolute; left: 0; top: 100%; width: 30px; background: rgba(0, 120, 212, 1); height: 2px; } .widget-area ul{ list-style: none; padding: 0; margin: 0; } .widget-area ul ul{ border-top: 1px solid #f9f9f9; margin-top: 5px; } .widget-area ul ul li{ padding-left: 10px; } .widget-area ul ul li:last-child{ border-bottom: 0; padding-bottom: 0; } .widget-area li{ padding: 5px 0; border-bottom: 1px solid #f9f9f9; } .widget-area a{ text-decoration: none; color: #404040; } .widget-area a:hover{ color: rgba(0, 120, 212, 1); } .widget-area .widget{ margin-bottom: 35px; } .widget-area .widget .search-field{ width: 100%; }  .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } .author-email-url{ margin-left: -2%; } .comment-form-author, .comment-form-email, .comment-form-url{ float: left; margin-left: 2%; width: 31.33333%; } .author-email-url input{ width: 100%; } .comment-form .form-submit{ margin-bottom: 0 } #comments{ margin-bottom: 50px; } h3#reply-title, h3.comments-title{ position: relative; padding-bottom: 15px; margin-bottom: 30px; } h3#reply-title:after, h3.comments-title:after{ content: ""; position: absolute; left: 0; top: 100%; width: 30px; background: rgba(0, 120, 212, 1); height: 2px; } .logged-in-as, .comment-notes{ font-size: 0.9em; } #comments ul{ list-style: none; margin: 0; padding: 0; } #comments li.comment{ margin: 0 0 40px; } #comments li.comment .children{ display: block; margin: 20px 0 0 30px; padding: 0; list-style: none; } article.comment-body { background: #fff; margin: 0; position: relative; } .comment-list a{ color: #404040; } .comment-list a:hover{ color: rgba(0, 120, 212, 1) !important; } .comment-list .comment-respond{ margin-top: 20px; background: #FFF; padding: 20px; } .comment-list .vcard img { border-radius: 50%; margin-right: 10px; } .comment-list .vcard .fn{ font-weight: normal; font-size: 16px; } .comment-list .edit-link{ position: absolute; right: 0; top: 0; } .comment-list .edit-link a{ font-size: 14px; display: inline-block; padding: 10px; } .comment-list .comment-meta { margin-bottom: 15px; } .comment-list .comment-metadata { border-top: 1px solid #EEE; padding-top: 10px; font-size: 14px; } .comment-list .comment-metadata a { float: left; } .comment-list .comment-metadata .reply { float: right; } #cancel-comment-reply-link { float: right; } .nav-previous a, .nav-next a{ background: rgba(0, 120, 212, 1); color: #FFF; display: inline-block; padding: 0 10px; font-size: 12px; line-height: 22px; position: relative; } .nav-next a{ margin-right: 13px; } .nav-next a:after{ content: ""; position: absolute; border-left: 11px solid rgba(0, 120, 212, 1); border-top: 11px solid transparent; border-bottom: 11px solid transparent; top: 0; right: -11px; } .nav-previous a{ margin-left: 11px; } .nav-previous a:after{ content: ""; position: absolute; border-right: 11px solid rgba(0, 120, 212, 1); border-top: 11px solid transparent; border-bottom: 11px solid transparent; top: 0; left: -11px; } .no-comments{ color: rgba(0, 120, 212, 1); } .pagination, .woocommerce nav.woocommerce-pagination{ text-align: center; margin-bottom: 50px; } .home.blog .pagination{ margin-bottom: 40px; } .pagination .page-numbers{ display: inline-block; margin: 0 2px; background: rgba(0, 120, 212, 1); color: #FFF; padding: 10px 15px; line-height: 1; } .pagination .page-numbers.current, .pagination .page-numbers:hover{ background: #333; color: #FFF; }  .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; }  embed, iframe, object { max-width: 100%; }  .wp-caption { margin-bottom: 15px; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0 auto; } .wp-caption-text { text-align: center; } .wp-caption .wp-caption-text { margin: 0.8075em 0; }  .gallery { margin-bottom: 15px; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; }  .ht-container{ width: 1280px; margin: 0 auto; }  #ht-masthead{ border-top: 4px solid rgba(0, 120, 212, 1); background: #FFF; height: 94px; border-bottom: 1px solid #F1F1F1; z-index: 99; transition: height 0.3s ease; -moz-transition: height 0.3s ease; -webkit-transition: height 0.3s ease; } .ht-sticky-header #ht-masthead{ position: fixed; left: 0; right: 0; } .ht-sticky#ht-masthead{ height: 74px; } #ht-content{ clear: both; } .ht-sticky-header #ht-content{ position: relative; z-index: 9; } .home.blog.ht-sticky-header #ht-content{ padding-top: 134px; } #ht-site-branding{ float: left; width: 30%; padding: 15px 0; transition: padding 0.3s ease; -moz-transition: padding 0.3s ease; -webkit-transition: padding 0.3s ease; } .ht-sticky #ht-site-branding{ padding: 5px 0; } #ht-site-branding img{ max-height: 60px; width: auto; } .ht-main-header{ padding: 45px 0; margin-bottom: 40px; } .ht-main-title{ margin: 0 0 15px; letter-spacing: 1px; font-weight: 400; text-transform: uppercase; } .ht-main-title:last-child{ margin-bottom: 0; } .ht-site-title{ font-family: 'Oswald', sans-serif; font-weight: 400; margin: 0 0 8px; letter-spacing: 1px; text-transform: uppercase; font-size: 32px; line-height: 1; } .ht-site-title a{ text-decoration: none; color: rgba(0, 120, 212, 1); } .ht-site-description{ color: #EEE; margin: 0; font-size: 15px; font-style: italic; line-height: 1; } .ht-site-description a{ color: #333; } .breadcrumb-trail, .woocommerce .woocommerce-breadcrumb{ font-size: 15px; margin: 0; color: inherit; } .breadcrumb-trail ul{ list-style: none; margin: 0; padding: 0; } .breadcrumb-trail ul li{ display: inline-block; } .breadcrumb-trail ul li:after{ content: "/"; margin: 0 6px; } .breadcrumb-trail ul li:last-child:after{ display: none; } .woocommerce .woocommerce-breadcrumb a, .breadcrumb-trail a{ color: #000; } .woocommerce .woocommerce-breadcrumb a:hover, #total-breadcrumbs a:hover{ color: rgba(0, 120, 212, 1); } .taxonomy-description, .term-description{ margin-bottom: 15px; } .taxonomy-description p:last-child, .term-description p:last-child{ margin-bottom: 0; }  .ht-section{ padding: 60px 0; background: #FFF; } .ht-section-title-tagline{ margin-bottom: 60px; text-align: center; } .ht-section-title{ font-weight: 400; letter-spacing: 1px; text-transform: uppercase; font-size: 36px; width: 60%; margin: 0 auto 15px; } .ht-section-title:last-child{ margin-bottom: 0; } .ht-section-tagline{ font-size: 20px; width: 70%; margin: 0 auto; }  #ht-site-navigation{ float: right; width: 70%; padding: 27px 0; transition: padding 0.3s ease; -moz-transition: padding 0.3s ease; -webkit-transition: padding 0.3s ease; } .ht-sticky #ht-site-navigation{ padding: 17px 0; } .ht-main-navigation .ht-menu{ float: right; } .ht-main-navigation ul { list-style: none; margin: 0; padding-left: 0; } .ht-main-navigation li { float: left; position: relative; margin-left: 10px; } .ht-main-navigation a { position: relative; display: block; text-decoration: none; color: #444; text-transform: uppercase; font-size: 14px; font-family: 'Oswald', sans-serif; line-height: 36px; padding: 0 15px; font-weight: 400; transition: none; -moz-transition: none; -webkit-transition: none; } .ht-main-navigation ul ul { display: none; position: absolute; left: 0; top: 100% ; background: #FFF; min-width: 200px; z-index: 999; padding: 8px; margin-top: 27px; border-top: 2px solid rgba(0, 120, 212, 1); box-shadow: 2px 2px 8px rgba(0,0,0,0.05) } .ht-sticky .ht-main-navigation ul ul{ margin-top: 17px; } .ht-main-navigation .ht-menu > ul > li:last-child > ul{ left: auto; right: 0; } .ht-main-navigation ul ul ul { left: 100%; top: 0; margin: 0 0 0 8px; border-top: 0; } .ht-sticky .ht-main-navigation ul ul ul{ margin-top: 0 } .ht-main-navigation ul ul a { text-transform: none; font-weight: 400; color: #444; line-height: 1.5; padding: 10px 15px; font-size: 14px; } .ht-main-navigation ul ul li { float: none; margin: 0 0 5px; } .ht-main-navigation ul ul li:last-child{ margin-bottom: 0; } .ht-main-navigation ul li:hover > ul { display: block; } .page-template-home-template .ht-main-navigation .current_page_item > a, .page-template-home-template .ht-main-navigation .current-menu-item > a, .page-template-home-template .ht-main-navigation .current_page_ancestor > a, .home.blog .ht-main-navigation .current_page_item > a, .home.blog .ht-main-navigation .current-menu-item > a, .home.blog .ht-main-navigation .current_page_ancestor > a{ background: none; color: inherit; } .ht-main-navigation li:hover > a, .page-template-home-template .ht-main-navigation li:hover > a, .home.blog .ht-main-navigation li:hover > a, .ht-main-navigation .current_page_item > a, .ht-main-navigation .current-menu-item > a, .ht-main-navigation .current_page_ancestor > a, .page-template-home-template .ht-main-navigation .current > a, .home.blog .ht-main-navigation .current > a { color: #FFF; background: rgba(0, 120, 212, 1); }  .menu-item-has-children .ht-dropdown{ position: relative; right: -5px; } .menu-item-has-children .ht-dropdown:after { content: '\f107'; font-family: FontAwesome; }  .menu-item-has-children ul .ht-dropdown{ position: absolute; top: 50%; right: 5px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .menu-item-has-children ul .ht-dropdown:after { content: '\f105'; } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 15px; overflow: hidden; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; }  #ht-about-us-section{ background: #FFF; } #ht-about-us-section .ht-container{ display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; } .ht-about-sec{ width: 54%; padding-right: 30px; } .ht-about-sec h2{ text-align: left; width: auto; } .ht-progress{ margin-bottom: 20px; } .ht-progress:last-child{ margin-bottom: 0; } .ht-progress h6{ font-weight: 300; margin-bottom: 5px; } .ht-progress-bar-sec{ margin-top: 30px; } .ht-progress-bar{ height: 8px; width: 100%; position: relative; line-height: 20px; font-size: 13px; background: #f6f6f6 } .ht-progress-bar-length{ background: rgba(0, 120, 212, 1); height: 100%; text-align: right; padding-right: 20px; } .ht-progress-bar-length span{ position: absolute; right: 0; bottom: 100%; } .ht-about-image{ width: 45%; padding-left: 30px; }  #ht-featured-post-section{ background: rgba(0, 120, 212, 1); color: #FFF; padding-bottom: 80px; } .ht-featured-post-wrap{ margin-left: -3%; } .ht-featured-post{ float: left; margin-left: 3%; width: 30.33%; text-align: center; border:2px solid #FFF; padding: 30px; } .ht-featured-post h5{ text-transform: uppercase; margin-bottom: 25px; } .ht-featured-icon{ display: inline-block; color: #FFF; font-size: 46px; line-height: 80px; width: 180px; background: rgba(0, 120, 212, 1); -ms-transform: translateY(-35px); -webkit-transform: translateY(-35px); transform: translateY(-35px); } .ht-featured-icon .fa{ vertical-align: bottom; } .ht-featured-link{ -ms-transform: translateY(52px); -webkit-transform: translateY(52px); transform: translateY(52px); } .ht-featured-link a{ padding: 0 15px; display: inline-block; line-height: 40px; background: #FFF; color: rgba(0, 120, 212, 1); border-right: 10px solid rgba(0, 120, 212, 1); border-left: 10px solid rgba(0, 120, 212, 1); } .ht-featured-link a:hover{ background: #333; color: #FFF; }  .ht-portfolio-cat-name-list{ text-align: center; margin-bottom: 30px; text-align: right; } .ht-portfolio-cat-name-list .fa{ vertical-align: middle; color: rgba(0, 120, 212, 1); } .ht-portfolio-cat-name{ cursor: pointer; display: inline-block; padding-left: 10px; margin-left: 10px; border-left: 1px solid #BBB; line-height: 1; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; } .ht-portfolio-cat-name:nth-child(2){ border-left: 0; margin-left: 0; } .ht-portfolio-cat-name:hover, .ht-portfolio-cat-name.active{ color: rgba(0, 120, 212, 1); } .ht-portfolio-post-wrap{ margin: 0 -7.5px; } .ht-portfolio{ width: 33.33%; float: left; padding: 7.5px; } .ht-portfolio-outer-wrap{ position: relative; } .ht-portfolio-wrap{ background-size: cover; background-position: center; background-repeat: no-repeat; overflow: hidden; background-color: #f9f9f9; } .ht-portfolio-wrap img{ position: relative; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .ht-portfolio-caption{ position: absolute; left: 10px; right: 10px; bottom: 10px; top: 10px; padding: 30px; opacity: 0; background: rgba(255, 193, 7, 0.9); transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; overflow: hidden; } .ht-portfolio-wrap:hover .ht-portfolio-caption{ opacity: 1; } .ht-portfolio-caption h5{ color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); position: absolute; top: 20px; left: 20px; right: 20px; -ms-transform: translate(300px, 0); -webkit-transform: translate(300px, 0); transform: translate(300px, 0); transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; } .ht-portfolio-wrap:hover .ht-portfolio-caption h5{ -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } .ht-portfolio-caption a{ height: 36px; width: 36px; position: absolute; right: 20px; bottom: 20px; text-align: center; display: block; line-height: 36px; color: rgba(0, 120, 212, 1); font-size: 14px; background: #FFF; margin: 10px 5px; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; } .ht-portfolio-caption a.ht-portfolio-image{ -ms-transform: translate(-300px, 0); -webkit-transform: translate(-300px, 0); transform: translate(-300px, 0); right: 66px; } .ht-portfolio-caption a.ht-portfolio-link{ -ms-transform: translate(-300px, 0); -webkit-transform: translate(-300px, 0); transform: translate(-300px, 0); } .ht-portfolio-wrap:hover .ht-portfolio-caption a.ht-portfolio-link, .ht-portfolio-wrap:hover .ht-portfolio-caption a.ht-portfolio-image{ -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }  .error404 .error-404{ display: block; text-align: center; font-size: 200px; color: #f9f9f9; line-height: 1.2; } .error404 .oops-text{ text-align: center; } .toggle-bar{ display: none; } @media screen and (max-width: 1317px){ .ht-container{ width: auto; } .ht-slide-caption{ width: 80%; margin-left: -40%; } } @media screen and (max-width: 1000px){ .toggle-bar{ display: block; position: absolute; top: 22px; right: 20px; height: 50px; width: 50px; background: rgba(0, 120, 212, 1); cursor: pointer; } .toggle-bar span{ position: absolute; top: 50%; margin-top: -2px; height: 4px; left: 8px; right: 8px; background: #FFF; box-shadow: 0 10px 0 0 #FFF, 0 -10px 0 0 #FFF; } .ht-sticky-header #ht-masthead{ position: relative; } .ht-sticky#ht-masthead{ height: 94px; } #ht-site-navigation{ width: 20%; } #ht-site-branding{ width: 80%; float: left; } .ht-sticky-header #ht-content{ padding-top: 0; } .ht-main-navigation .ht-menu{ display: none; position: absolute; left: 0; right: 0; top: 90px; background: rgba(0, 120, 212, 1); z-index: 999; } .ht-main-navigation li{ float: none; margin-left: 0; text-align: center; } .ht-main-navigation a, .ht-main-navigation ul ul a{ line-height: 1.3; padding: 15px 20px; border-bottom: 1px solid rgba(0,0,0,0.05); } .page-template-home-template .ht-main-navigation .current_page_item > a, .page-template-home-template .ht-main-navigation .current-menu-item > a, .page-template-home-template .ht-main-navigation .current_page_ancestor > a, .home.blog .ht-main-navigation .current_page_item > a, .home.blog .ht-main-navigation .current-menu-item > a, .home.blog .ht-main-navigation .current_page_ancestor > a, .ht-main-navigation a{ color: #FFF; } .ht-main-navigation ul ul{ position: static; padding: 0; margin-top: 0; box-shadow: none; } .ht-main-navigation ul ul ul{ margin: 0; } .menu-item-has-children .ht-dropdown, .menu-item-has-children ul .ht-dropdown{ position: absolute; height: 26px; width: 26px; border: 1px solid rgba(255, 252, 252, 0.6); top: 50%; right: 10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border-radius: 4px; } .menu-item-has-children .ht-dropdown:after, .menu-item-has-children ul .ht-dropdown:after{ content: '\f107'; font-family: FontAwesome; vertical-align: middle; line-height: 26px; display: block; } .menu-item-has-children .ht-opened.ht-dropdown:after, .menu-item-has-children ul .ht-opened.ht-dropdown:after{ content: '\f106'; } .ht-main-navigation ul li:hover > ul{ display: none; } .ht-main-navigation ul ul{ background: none; } .ht-main-navigation ul ul a{ color: #FFF; } #ht-team-section{ padding-bottom: 30px; } .ht-team-member{ width: 48%; margin-bottom: 30px; } .ht-team-member:nth-child(2n+1){ clear: both; } } @media screen and (max-width: 768px){ .ht-section-title, .ht-section-tagline{ width: auto; } #ht-about-us-section .ht-container{ display: block; } .ht-about-sec{ width: auto; float: none; padding: 0; margin-bottom: 30px; } .ht-about-image{ width: auto; float: none; padding: 0; text-align: center; } .ht-featured-post-wrap{ margin-left: 0; } .ht-featured-post{ float: none; margin: 0 auto 80px; width: 75%; } .ht-featured-post:last-child{ margin-bottom: 0; } .ht-portfolio-cat-name-list{ text-align: center; } .ht-service-left-bg{ display: none; } .ht-service-posts{ float: none; width: auto; padding: 0; } #ht-service-post-section{ padding: 60px 0; } #ht-counter-section{ background-size: cover; background-position: center !important; } .ht-counter{ width: 45%; margin-bottom: 60px; } #ht-counter-section{ padding-bottom: 0; } .ht-blog-wrap{ margin: 0; } .ht-blog-post{ width: 75%; margin: 0 auto 30px; float: none; } .ht-blog-post img{ width: 100%; } #ht-cta-section{ background-size: cover; background-position: center !important; } .ht-top-footer{ margin-left: 0; } .ht-footer{ width: auto; margin: 0 0 30px; float: none; } .ht-footer:last-child{ margin-bottom: 0; } .ht-slide-cap-title{ font-size: 24px; font-size: 4vw; margin-bottom: 10px; } .ht-slide-cap-desc{ font-size: 14px; font-size: 3vw; } #primary{ width: auto !important; float: none !important; margin-bottom: 30px; } #secondary{ width: auto !important; float: none !important; margin-bottom: 30px; } } @media screen and (max-width: 580px){ #ht-home-slider-section .bx-wrapper .bx-controls-direction a, .ht-testimonial-wrap .bx-wrapper .bx-controls-direction a{ display: none; } .ht-team-member-wrap{ margin-left: 0; } .ht-team-member{ width: 75%; float: none; margin: 0 auto 30px; } .ht-team-counter-wrap{ margin-left: 0; } .ht-counter{ width: 75%; float: none; margin: 0 auto 60px; } .ht-portfolio{ width: 50%; padding: 4px; } .ht-portfolio-caption{ background: none !important; opacity: 1; } .ht-portfolio-caption h5, .ht-portfolio-caption a.ht-portfolio-link, .ht-portfolio-caption a.ht-portfolio-image{ -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } .ht-portfolio-caption h5{ background: rgba(0,0,0,0.2); padding: 10px; left: 0; right: 0; top: 0; text-align: center; } .ht-portfolio-caption a{ right: 0; bottom: 0; margin: 0 5px; } .ht-portfolio-caption a.ht-portfolio-image{ right: 46px; } } @media screen and (max-width: 480px){ .ht-blog-post, .ht-featured-post{ width: auto; } .ht-team-member-wrap{ margin-left: 0; } .ht-team-member, .ht-counter{ width: auto; float: none; } .ht-testimonial-excerpt{ width: auto; } .ht-testimonial-excerpt .fa-quote-left{ left: 0; } .ht-cta-buttons a{ display: block; margin: 0 0 15px; } .ht-post-info{ float: none; width: auto; margin-bottom: 20px; } .ht-post-wrapper{ padding-left: 0; } } @media screen and (min-width: 1001px){ .ht-main-navigation .ht-menu{ display: block !important; } }
/** END: /css/v1/wordpress-theme.css **/