CINXE.COM

<!DOCTYPE html> <html lang="en-US" > <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">  <link rel="preload" as="style" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:100,200,300,400,500,600,700,800,900|Raleway:100,200,300,400,500,600,700,800,900" > <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:100,200,300,400,500,600,700,800,900|Raleway:100,200,300,400,500,600,700,800,900"> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <script>window._wca = window._wca || [];</script>  <title>There's Only One Website Trend Left... and It's Here Now</title> <link rel="canonical" href="https://www.webstix.com/the-webstix-blog/top-website-trends-20xx/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="There's Only One Website Trend Left... and It's Here Now" /> <meta property="og:description" content=""What Are the Latest Website Trends?" I had a website design client ask that yesterday. It's a good question, so I thought about it a second, and the answer might really surprise you because there's just one trend left, and we're living it. The trend is: quick. That's it. Think about it... we're not in […]" /> <meta property="og:url" content="https://www.webstix.com/the-webstix-blog/top-website-trends-20xx/" /> <meta property="og:site_name" content="Webstix" /> <meta property="article:publisher" content="https://www.facebook.com/webstix" /> <meta property="article:published_time" content="2022-03-17T18:53:58+00:00" /> <meta property="og:image" content="https://www.webstix.com/wp-content/uploads/2022/03/website-trends-20xx-min.jpg" /> <meta property="og:image:width" content="960" /> <meta property="og:image:height" content="502" /> <meta property="og:image:type" content="image/jpeg" /> <meta name="author" content="Tony Herman" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:creator" content="@webstix" /> <meta name="twitter:site" content="@webstix" /> <meta name="twitter:label1" content="Written by" /> <meta name="twitter:data1" content="Tony Herman" /> <meta name="twitter:label2" content="Est. reading time" /> <meta name="twitter:data2" content="3 minutes" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.webstix.com/the-webstix-blog/top-website-trends-20xx/","url":"https://www.webstix.com/the-webstix-blog/top-website-trends-20xx/","name":"There's Only One Website Trend Left... and It's Here Now","isPartOf":{"@id":"https://www.webstix.com/#website"},"primaryImageOfPage":{"@id":"https://www.webstix.com/the-webstix-blog/top-website-trends-20xx/#primaryimage"},"image":{"@id":"https://www.webstix.com/the-webstix-blog/top-website-trends-20xx/#primaryimage"},"thumbnailUrl":"https://www.webstix.com/wp-content/uploads/2022/03/website-trends-20xx-min.jpg","datePublished":"2022-03-17T18:53:58+00:00","dateModified":"2022-03-17T18:53:58+00:00","breadcrumb":{"@id":"https://www.webstix.com/the-webstix-blog/top-website-trends-20xx/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.webstix.com/the-webstix-blog/top-website-trends-20xx/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.webstix.com/the-webstix-blog/top-website-trends-20xx/#primaryimage","url":"https://www.webstix.com/wp-content/uploads/2022/03/website-trends-20xx-min.jpg","contentUrl":"https://www.webstix.com/wp-content/uploads/2022/03/website-trends-20xx-min.jpg","width":960,"height":502,"caption":"Website Trends for 20xx"},{"@type":"BreadcrumbList","@id":"https://www.webstix.com/the-webstix-blog/top-website-trends-20xx/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.webstix.com/"},{"@type":"ListItem","position":2,"name":"There's Only One Website Trend Left... and It's Here Now"}]},{"@type":"WebSite","@id":"https://www.webstix.com/#website","url":"https://www.webstix.com/","name":"Webstix","description":"Web Design Company, SEO, Website Promotion - Madison, WI","publisher":{"@id":"https://www.webstix.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.webstix.com/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://www.webstix.com/#organization","name":"Webstix","url":"https://www.webstix.com/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.webstix.com/#/schema/logo/image/","url":"https://www.webstix.com/wp-content/uploads/2020/10/Picture1.jpg","contentUrl":"https://www.webstix.com/wp-content/uploads/2020/10/Picture1.jpg","width":168,"height":41,"caption":"Webstix"},"image":{"@id":"https://www.webstix.com/#/schema/logo/image/"},"sameAs":["https://www.facebook.com/webstix","https://x.com/webstix","https://www.linkedin.com/company/webstix-inc","https://www.pinterest.com/webstix/","https://www.youtube.com/user/WebstixInc/"]}]}</script>  <link rel='dns-prefetch' href='//stats.wp.com' /> <link href='https://fonts.gstatic.com' crossorigin rel='preconnect' /> <link rel="alternate" type="application/rss+xml" title="Webstix » There's Only One Website Trend Left... and It's Here Now Comments Feed" href="https://www.webstix.com/the-webstix-blog/top-website-trends-20xx/feed/" /> <link rel='stylesheet' id='twentynineteen-jetpack-css' href='https://www.webstix.com/wp-content/plugins/jetpack/modules/theme-tools/compat/twentynineteen.css?ver=14.0' type='text/css' media='all' /> <link rel='stylesheet' id='wp-block-library-css' href='https://www.webstix.com/wp-includes/css/dist/block-library/style.min.css?ver=67edd96554f4d0616b70f5d944f27c91' type='text/css' media='all' /> <link rel='stylesheet' id='mediaelement-css' href='https://www.webstix.com/wp-includes/js/mediaelement/mediaelementplayer-legacy.min.css?ver=4.2.17' type='text/css' media='all' /> <link rel='stylesheet' id='wp-mediaelement-css' href='https://www.webstix.com/wp-includes/js/mediaelement/wp-mediaelement.min.css?ver=67edd96554f4d0616b70f5d944f27c91' type='text/css' media='all' /> <style id='jetpack-sharing-buttons-style-inline-css' type='text/css'> .jetpack-sharing-buttons__services-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:0;list-style-type:none;margin:5px;padding:0}.jetpack-sharing-buttons__services-list.has-small-icon-size{font-size:12px}.jetpack-sharing-buttons__services-list.has-normal-icon-size{font-size:16px}.jetpack-sharing-buttons__services-list.has-large-icon-size{font-size:24px}.jetpack-sharing-buttons__services-list.has-huge-icon-size{font-size:36px}@media print{.jetpack-sharing-buttons__services-list{display:none!important}}.editor-styles-wrapper .wp-block-jetpack-sharing-buttons{gap:0;padding-inline-start:0}ul.jetpack-sharing-buttons__services-list.has-background{padding:1.25em 2.375em} </style> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-family--inter: "Inter", sans-serif;--wp--preset--font-family--cardo: Cardo;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='cookie-law-info-css' href='https://www.webstix.com/wp-content/plugins/cookie-law-info/legacy/public/css/cookie-law-info-public.css?ver=3.2.7' type='text/css' media='all' /> <link rel='stylesheet' id='cookie-law-info-gdpr-css' href='https://www.webstix.com/wp-content/plugins/cookie-law-info/legacy/public/css/cookie-law-info-gdpr.css?ver=3.2.7' type='text/css' media='all' /> <link rel='stylesheet' id='oxygen-css' href='https://www.webstix.com/wp-content/plugins/oxygen/component-framework/oxygen.css?ver=4.9' type='text/css' media='all' /> <link rel='stylesheet' id='urr-public-css' href='https://www.webstix.com/wp-content/plugins/ultimate-reviews-rocket/public/assets/css/ultimate-reviews-rocket-public.css?ver=1.0.0' type='text/css' media='all' /> <link rel='stylesheet' id='woocommerce-layout-css' href='https://www.webstix.com/wp-content/plugins/woocommerce/assets/css/woocommerce-layout.css?ver=9.4.2' type='text/css' media='all' /> <style id='woocommerce-layout-inline-css' type='text/css'> .infinite-scroll .woocommerce-pagination { display: none; } </style> <link rel='stylesheet' id='woocommerce-smallscreen-css' href='https://www.webstix.com/wp-content/plugins/woocommerce/assets/css/woocommerce-smallscreen.css?ver=9.4.2' type='text/css' media='only screen and (max-width: 768px)' /> <link rel='stylesheet' id='woocommerce-general-css' href='https://www.webstix.com/wp-content/plugins/woocommerce/assets/css/woocommerce.css?ver=9.4.2' type='text/css' media='all' /> <style id='woocommerce-inline-inline-css' type='text/css'> .woocommerce form .form-row .required { visibility: visible; } </style> <link rel='stylesheet' id='ebiz_css-css' href='https://www.webstix.com/wp-content/plugins/woocommerce-ebizcharge-gateway/assets/css/ebizcharge.css?ver=67edd96554f4d0616b70f5d944f27c91' type='text/css' media='all' /> <link rel='stylesheet' id='jquery-ui-css-css' href='https://www.webstix.com/wp-content/plugins/woocommerce-ebizcharge-gateway/assets/css/jquery-ui.css?ver=67edd96554f4d0616b70f5d944f27c91' type='text/css' media='all' /> <link rel='stylesheet' id='recurring_css-css' href='https://www.webstix.com/wp-content/plugins/woocommerce-ebizcharge-gateway/assets/css/recurring.css?ver=67edd96554f4d0616b70f5d944f27c91' type='text/css' media='all' /> <link rel='stylesheet' id='brb-public-main-css-css' href='https://www.webstix.com/wp-content/plugins/business-reviews-bundle/assets/css/public-main.css?ver=1.9.87' type='text/css' media='all' /> <link rel='stylesheet' id='crp-style-rounded-thumbs-css' href='https://www.webstix.com/wp-content/plugins/contextual-related-posts/css/rounded-thumbs.min.css?ver=3.5.5' type='text/css' media='all' /> <style id='crp-style-rounded-thumbs-inline-css' type='text/css'> .crp_related.crp-rounded-thumbs a { width: px; height: 230px; text-decoration: none; } .crp_related.crp-rounded-thumbs img { max-width: px; margin: auto; } .crp_related.crp-rounded-thumbs .crp_title { width: 100%; } </style> <link rel='stylesheet' id='grw-public-main-css-css' href='https://www.webstix.com/wp-content/plugins/widget-google-reviews/assets/css/public-main.css?ver=4.8.2' type='text/css' media='all' /> <link rel='stylesheet' id='wp-lightbox-2.min.css-css' href='https://www.webstix.com/wp-content/plugins/wp-lightbox-2/styles/lightbox.min.css?ver=1.3.4' type='text/css' media='all' /> <link rel='stylesheet' id='wapf-frontend-css' href='https://www.webstix.com/wp-content/plugins/advanced-product-fields-for-woocommerce-pro/assets/css/frontend.min.css?ver=2.7.25' type='text/css' media='all' /> <script data-pagespeed-no-defer type="text/javascript" src="https://www.webstix.com/wp-content/plugins/my-custom-functionality-master/assets/js/jquery-3.1.1.min.js?ver=3.1.1" id="jquery-core-js"></script> <script type="text/javascript" id="cookie-law-info-js-extra"> /* <![CDATA[ */ var Cli_Data = {"nn_cookie_ids":[],"cookielist":[],"non_necessary_cookies":[],"ccpaEnabled":"","ccpaRegionBased":"","ccpaBarEnabled":"","strictlyEnabled":["necessary","obligatoire"],"ccpaType":"gdpr","js_blocking":"","custom_integration":"","triggerDomRefresh":"","secure_cookies":""}; var cli_cookiebar_settings = {"animate_speed_hide":"500","animate_speed_show":"500","background":"#ffffff","border":"#b1a6a6c2","border_on":"","button_1_button_colour":"#61a229","button_1_button_hover":"#4e8221","button_1_link_colour":"#fff","button_1_as_button":"1","button_1_new_win":"","button_2_button_colour":"#333","button_2_button_hover":"#292929","button_2_link_colour":"#444","button_2_as_button":"","button_2_hidebar":"","button_3_button_colour":"#3566bb","button_3_button_hover":"#2a5296","button_3_link_colour":"#fff","button_3_as_button":"1","button_3_new_win":"","button_4_button_colour":"#000","button_4_button_hover":"#000000","button_4_link_colour":"#333333","button_4_as_button":"","button_7_button_colour":"#61a229","button_7_button_hover":"#4e8221","button_7_link_colour":"#fff","button_7_as_button":"1","button_7_new_win":"","font_family":"inherit","header_fix":"","notify_animate_hide":"1","notify_animate_show":"","notify_div_id":"#cookie-law-info-bar","notify_position_horizontal":"right","notify_position_vertical":"bottom","scroll_close":"","scroll_close_reload":"","accept_close_reload":"","reject_close_reload":"","showagain_tab":"1","showagain_background":"#fff","showagain_border":"#000","showagain_div_id":"#cookie-law-info-again","showagain_x_position":"100px","text":"#000000","show_once_yn":"","show_once":"10000","logging_on":"","as_popup":"","popup_overlay":"1","bar_heading_text":"","cookie_bar_as":"banner","popup_showagain_position":"bottom-right","widget_position":"left"}; var log_object = {"ajax_url":"https:\/\/www.webstix.com\/wp-admin\/admin-ajax.php"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.webstix.com/wp-content/plugins/cookie-law-info/legacy/public/js/cookie-law-info-public.js?ver=3.2.7" id="cookie-law-info-js"></script> <script type="text/javascript" src="https://www.webstix.com/wp-content/plugins/ultimate-reviews-rocket/public/assets/js/urr-rating.js?ver=67edd96554f4d0616b70f5d944f27c91" id="ultimate_reviews_rocket-js"></script> <script type="text/javascript" src="https://www.webstix.com/wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js?ver=2.7.0-wc.9.4.2" id="jquery-blockui-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" id="wc-add-to-cart-js-extra"> /* <![CDATA[ */ var wc_add_to_cart_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%","i18n_view_cart":"View cart","cart_url":"https:\/\/www.webstix.com\/checkout\/","is_cart":"","cart_redirect_after_add":"yes"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.webstix.com/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js?ver=9.4.2" id="wc-add-to-cart-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" src="https://www.webstix.com/wp-content/plugins/woocommerce/assets/js/js-cookie/js.cookie.min.js?ver=2.1.4-wc.9.4.2" id="js-cookie-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" id="woocommerce-js-extra"> /* <![CDATA[ */ var woocommerce_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.webstix.com/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver=9.4.2" id="woocommerce-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" src="https://www.webstix.com/wp-content/plugins/woocommerce-ebizcharge-gateway/assets/js/EBiz3DSecure.js?ver=1" id="3DS-main-js"></script> <script type="text/javascript" src="https://www.webstix.com/wp-content/plugins/woocommerce-ebizcharge-gateway/assets/js/jquery.validate.min.js?ver=1" id="form-validation-js-js"></script> <script type="text/javascript" src="https://www.webstix.com/wp-content/plugins/woocommerce-ebizcharge-gateway/assets/js/validate_form.js?ver=1" id="validate_form-js"></script> <script type="text/javascript" src="https://www.webstix.com/wp-content/plugins/woocommerce-ebizcharge-gateway/assets/js/edit_billing_details.js?ver=1" id="edit_billing_details-js"></script> <script type="text/javascript" src="https://www.webstix.com/wp-content/plugins/woocommerce-ebizcharge-gateway/assets/js/check_cvv.js?ver=1" id="check_cvv-js"></script> <script type="text/javascript" src="https://www.webstix.com/wp-content/plugins/woocommerce-ebizcharge-gateway/assets/js/recurring.js?ver=1" id="recurring_js-js"></script> <script type="text/javascript" id="brb-public-main-js-js-extra"> /* <![CDATA[ */ var brb_vars = {"ajaxurl":"https:\/\/www.webstix.com\/wp-admin\/admin-ajax.php","gavatar":"https:\/\/www.webstix.com\/wp-content\/plugins\/business-reviews-bundle\/assets\/img\/google_avatar.png"}; /* ]]> */ </script> <script type="text/javascript" defer="defer" src="https://www.webstix.com/wp-content/plugins/business-reviews-bundle/assets/js/public-main.js?ver=1.9.87" id="brb-public-main-js-js"></script> <script type="text/javascript" defer="defer" src="https://www.webstix.com/wp-content/plugins/widget-google-reviews/assets/js/public-main.js?ver=4.8.2" id="grw-public-main-js-js"></script> <script type="text/javascript" src="https://stats.wp.com/s-202449.js" id="woocommerce-analytics-js" defer="defer" data-wp-strategy="defer"></script> <link rel="https://api.w.org/" href="https://www.webstix.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.webstix.com/wp-json/wp/v2/posts/27633" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.webstix.com/xmlrpc.php?rsd" /> <link rel='shortlink' href='https://www.webstix.com/?p=27633' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.webstix.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.webstix.com%2Fthe-webstix-blog%2Ftop-website-trends-20xx%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.webstix.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.webstix.com%2Fthe-webstix-blog%2Ftop-website-trends-20xx%2F&format=xml" /> <link type="text/css" rel="stylesheet" href="https://www.webstix.com/wp-content/plugins/category-specific-rss-feed-menu/wp_cat_rss_style.css" />  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-198226-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-198226-1'); </script> <script type="text/javascript"> (function(url){ if(/(?:Chrome\/26\.0\.1410\.63 Safari\/537\.31|WordfenceTestMonBot)/.test(navigator.userAgent)){ return; } var addEvent = function(evt, handler) { if (window.addEventListener) { document.addEventListener(evt, handler, false); } else if (window.attachEvent) { document.attachEvent('on' + evt, handler); } }; var removeEvent = function(evt, handler) { if (window.removeEventListener) { document.removeEventListener(evt, handler, false); } else if (window.detachEvent) { document.detachEvent('on' + evt, handler); } }; var evts = 'contextmenu dblclick drag dragend dragenter dragleave dragover dragstart drop keydown keypress keyup mousedown mousemove mouseout mouseover mouseup mousewheel scroll'.split(' '); var logHuman = function() { if (window.wfLogHumanRan) { return; } window.wfLogHumanRan = true; var wfscr = document.createElement('script'); wfscr.type = 'text/javascript'; wfscr.async = true; wfscr.src = url + '&r=' + Math.random(); (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(wfscr); for (var i = 0; i < evts.length; i++) { removeEvent(evts[i], logHuman); } }; for (var i = 0; i < evts.length; i++) { addEvent(evts[i], logHuman); } })('//www.webstix.com/?wordfence_lh=1&hid=B191706CF173B4278A1F05DCC977CF4A'); </script> <style>img#wpstats{display:none}</style>  <noscript><style>.woocommerce-product-gallery{ opacity: 1 !important; }</style></noscript> <script id='nitro-telemetry-meta' nitro-exclude>window.NPTelemetryMetadata={missReason: (!window.NITROPACK_STATE ? 'request type not allowed' : 'hit'),pageType: 'post',isEligibleForOptimization: false,}</script><script id='nitro-generic' nitro-exclude>(()=>{window.NitroPack=window.NitroPack||{coreVersion:"na",isCounted:!1};let e=document.createElement("script");if(e.src="https://nitroscripts.com/xLcXcmhFydYTyNDGVYpAYSjjztxtLztS",e.async=!0,e.id="nitro-script",document.head.appendChild(e),!window.NitroPack.isCounted){window.NitroPack.isCounted=!0;let t=()=>{navigator.sendBeacon("https://to.getnitropack.com/p",JSON.stringify({siteId:"xLcXcmhFydYTyNDGVYpAYSjjztxtLztS",url:window.location.href,isOptimized:!!window.IS_NITROPACK,coreVersion:"na",missReason:window.NPTelemetryMetadata?.missReason||"",pageType:window.NPTelemetryMetadata?.pageType||"",isEligibleForOptimization:!!window.NPTelemetryMetadata?.isEligibleForOptimization}))};(()=>{let e=()=>new Promise(e=>{"complete"===document.readyState?e():window.addEventListener("load",e)}),i=()=>new Promise(e=>{document.prerendering?document.addEventListener("prerenderingchange",e,{once:!0}):e()}),a=async()=>{await i(),await e(),t()};a()})(),window.addEventListener("pageshow",e=>{if(e.persisted){let i=document.prerendering||self.performance?.getEntriesByType?.("navigation")[0]?.activationStart>0;"visible"!==document.visibilityState||i||t()}})}})();</script> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MQGWFF');</script> <style class='wp-fonts-local' type='text/css'> @font-face{font-family:Inter;font-style:normal;font-weight:300 900;font-display:fallback;src:url('https://www.webstix.com/wp-content/plugins/woocommerce/assets/fonts/Inter-VariableFont_slnt,wght.woff2') format('woff2');font-stretch:normal;} @font-face{font-family:Cardo;font-style:normal;font-weight:400;font-display:fallback;src:url('https://www.webstix.com/wp-content/plugins/woocommerce/assets/fonts/cardo_normal_400.woff2') format('woff2');} </style> <style type="text/css" id="wp-custom-css"> @media(max-width: 767px) { .oxy-nav-menu-open { width: 100% !important; } } .sub-menu .current_page_item { border-top: none !important; } .clsTwoSec{ color: #a51720; padding-left: 2px; font-size: 18px; } .clsImagePadding{ padding:20px 0; } .clsWebsiteHurts{ font-size: 24px; font-weight: 600; } .clsWebsiteHurts { padding: 0; } ul.clsWebsiteHurts li{ list-style:none; padding-left: 46px; padding-bottom: 14px; font-size: 16px; font-weight: normal; } ul.clsFacts li{ list-style:none; } ul.clsFacts li::before { content: "\2022"; color: #a42d41; font-weight: bold; display: inline-block; width: 1em; margin-left: -1em; } .page-id-20267 hr{ color: #efefef; opacity: 0.3; margin: 38px 0 20px 0; } .clsWebsiteLoadingFaster { padding: 14px 48px 14px 48px; margin: 20px auto; display: inline-block; height: auto !important; font-size: 30px; font-weight: 700; border-radius: 5px; text-decoration: none !important; color: #fff !important; font-family: raleway; background: linear-gradient(to bottom, rgb(252, 145, 20) 0%,rgb(228, 126, 7) 100%); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.28); } .clsWebsiteLoadingFaster b{ display: inherit; padding: 0 10px 0 0; } .clsWebsiteLoadingFaster:hover { background: linear-gradient(to bottom, rgb(228, 126, 7) 0%,rgb(252, 145, 20) 100%); } .clsmainthings { margin: 40px 0 0 0 !important; } .clsmainthings li { list-style: none; display: inline-block; padding: 0 10px 0 0; } .clsmainthings li img { width: 90%; } .clsTabTitle td { text-align: center; font-size: 16px; color: #4e4e4e; font-weight: 500; } .clsPageSpeedTable{ margin-top:3%; } .clsSiteDetails h2{ font-size: 20px; line-height: 24px; color: #000000; font-weight: 600; } .clsSiteDetails a { display: block; } .clsSiteDetails a:first-child { font-size: 20px; line-height: 24px; color: #000000; font-family: "Raleway"; font-weight: 400; text-decoration: none; } .clsSiteDetails p { margin: 7px 0; } .clsSiteDetails a:last-child { background-color: #a51720; color: #fff; text-align: center; text-decoration: none; margin: 9px 0 0 0; display: inline-block; padding: 3px 18px 4px 18px; font-size: 15px; line-height:20px; } .clsSiteDetails a:last-child:hover { background: #333; } .clsSiteDetails { border-bottom: #f7f7f7 solid 1px; } .clsSiteDetails td { padding-bottom: 15px; padding-top: 10px; } .clsClearNote{ clear: both; } #Howwecanhelp{ padding: 65px 0px 14px 0px; background-image: url(https://www.webstix.com/wp-content/uploads/2020/06/ada_arrow_2.png); background-repeat: no-repeat; background-position: right 170px top 0px; } .clsSpeedAffects{ padding-top:14px; } .page-id-20267 #headline-37-20 { padding-bottom: 8px; } .clsFacts { padding: 0 0 0 20px; } #Howwecanhelp .bottomform { width: 100%; margin: 0px auto; background: #a51821; border-radius: 12px; box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.37); } .page-id-20267 #Howwecanhelp h3 { background: transparent; color: #000000; font-size: 44px !important; padding: 20px 0px 6px 0px; padding-top: 40px; padding-bottom: 6px; line-height: 55px !important; text-align: center; color: #fff; } .page-id-20267 #Howwecanhelp .gform_wrapper ul.gform_fields li.gfield { display: inline-block; width: 45%; margin: 0px 29px 15px 0px !important; padding: 0; } .clsADAComplianceSection1 .gform_wrapper li input[type="text"], .clsADAComplianceSection1 .gform_wrapper li textarea { width: 100%; height: 30px; border-radius: 4px; border: none; padding: 25px 15px !important; font-size: 16px !important; } #gform_wrapper_37 input { width: 100%; border-radius: 5px; padding: 25px 15px !important; border: none; font-family: 'Raleway', sans-serif; font-size: 15px !important; } #gform_fields_37 { text-align: center; margin-left: 40px !important; margin-top: 26px !important; } #cookie-law-info-bar { font-size: 16px !important; text-align: center; font-weight: 300; } .cli_settings_button { text-decoration: underline; } #field_37_6 { width: 94% !important; } #input_37_6 { border: none; border-radius: 5px; width: 98.5%; } #gform_wrapper_37 input[type="submit"] { width: auto !important; font-size: 30px !important; padding: 20px 30px 20px 80px !important; font-weight: 700; border-radius: 5px; height: 74px; margin: 0 auto !important; } #gform_37 .gform_footer.top_label { display: flex; padding-bottom: 50px !important; padding-top: 20px; } #gform_fields_37 label { display: block; } .clsRankingsMeans{ font-size: 32px; text-align:center; } #gform_wrapper_37 div.validation_error { color: #fff; border-top: none; border-bottom: none; padding: 0; } #gform_wrapper_37 .field_description_below .gfield_description { padding-top: 6px; color: #fff; } .clsNoPaddingOl{ padding:0 0 0 20px; } #gform_wrapper_37 li.gfield.gfield_error{ background-color: transparent !important; border-top: none !important; border-bottom: none !important; text-align: left; } #gform_wrapper_37 .validation_message { color: #fff; } .page-id-20267 h1{ font-size:45px; } @media(max-width:767px){ #span-207-31043.ct-span, #span-213-31043.ct-span{display: inline;} #div_block-487-30600{display:block !important;} #div_block-483-30600{padding-left:0px !important;} #div_block-66-7, #image-492-30600{height:auto !important;} .page-id-30600 #headline-484-30600{width:100% !important;} .page-id-30600 #div_block-66-7{height:auto !important;} #headline-484-30600{font-size:30px !important;} #gform_fields_37 { margin-left: 0 !important; } .page-id-20267 #Howwecanhelp .gform_wrapper ul.gform_fields li.gfield { display: inline-block; width: 95%; margin: 0px 0 15px 0px !important; padding: 0; } .page-id-20267 h1 { font-size: 26px; } #gform_wrapper_37 input[type="submit"] { width: auto !important; font-size: 20px !important; padding: 12px 30px 12px 70px !important; font-weight: 700; border-radius: 5px; height: auto; margin: 0 auto !important; } .page-id-20267 #gform_wrapper_37 #gform_submit_button_37{ background-size:20px; } .page-id-20267 #gform_wrapper_37 #gform_submit_button_37:hover{ background-size:20px; } .clsRankingsMeans br, .page-id-20267 #Howwecanhelp h3 br { display: none; } .clsRankingsMeans{ font-size: 24px; } .page-id-20267 #Howwecanhelp h3 { font-size: 34px !important; } .clsWebsiteLoadingFaster { padding: 13px 28px 14px 20px; font-size: 19px; } .clsWebsiteLoadingFaster b { position: relative; top: 4px; } .clsSpeedAffects { padding-top: 0px; } .page-id-11253 #inner_content-39-20{padding: 50px 0px 50px 0px;} .page.page-id-11253 .ada_bottomform .gform_wrapper #gform_36 ul.gform_fields li.gfield, .page.page-id-11253 .ada_bottomform .gform_wrapper #gform_36 ul.gform_fields li#field_36_3.gfield:nth-child(2), .page.page-id-11253 .ada_bottomform .gform_wrapper #gform_36 ul.gform_fields li#field_36_8.gfield:nth-child(4){width:100%!important;} .page-id-11253 .ct-inner-content #gform_36 .ginput_recaptcha div, .page-id-11253 #gform_35 .ginput_recaptcha div{width: 100%!important;} .rc-anchor-logo-portrait{margin: 10px 0 0 -10px !important;} } @media(max-width:450px){ .page-id-20267 h1 { font-size: 22px; } .page-id-20267 .gform_wrapper { margin: 16px 10px !important; max-width: 100% !important; } .page-id-20267 #gform_wrapper_37 #gform_submit_button_37 { background: #FD9115 url(https://www.webstix.com/wp-content/uploads/2020/06/ada_bottom_form_arrow.png) no-repeat left 10px center; background-size: 20px; } .page-id-20267 #gform_wrapper_37 #gform_submit_button_37:hover { background: #FD9115 url(https://www.webstix.com/wp-content/uploads/2020/06/ada_bottom_form_arrow.png) no-repeat left 10px center; background-size: 20px; } #gform_wrapper_37 input[type="submit"] { width: auto !important; font-size: 14px !important; padding: 13px 10px 15px 34px !important; } #gform_37 .gform_footer.top_label { display: flex; padding-bottom: 30px !important; padding-top: 10px; } .clsWebsiteLoadingFaster { padding: 13px 10px 14px 10px; font-size: 15px; } .page-id-20267 #Howwecanhelp h3 { font-size: 22px !important; line-height: 32px !important; padding: 20px 10px 0 10px; } } #policy .text-center { text-align: left !important; } #policy br { display: none; } @media(min-width:768px){ a[href^="tel"] { pointer-events: none; text-decoration: none !important; } } .clsADAComplianceSection1 .gform_wrapper li input{ width:100% !important; } header#_header-1-7{ background-color:#5a3968 !important; } #register_form .nav.nav-tabs { display: flex; } #register_form .nav.nav-tabs li { width: 33.9%; text-align: center; font-size: 20px; } #register_form .nav-tabs > li > a { margin-right: 0 !important; border-radius: 0 !important; } #register_form .active_tab1 { background-color: #4e4a4b !important; color: #fff !important; font-weight: normal !important; position:relative; } #login_details .panel-body { padding: 40px 50px; background: #fafafa; } #login_details .panel-body p:first-child { width: 100%; max-width: 1110px; margin: 0 auto; text-align:center; } #login_details { font-size: 17px; line-height: 29px; } #login_details .panel.panel-default .form-group { display: flex; align-items: center; justify-content: center; margin-top: 50px; } #login_details .panel.panel-default .form-group label.radio-inline { background-color: #a11822; color: #fff; padding: 20px 30px 20px 100px; border-radius: 6px; font-weight: bold; text-transform: uppercase; transition: all .4s ease-in-out; background-image: url(https://www.webstix.com/wp-content/uploads/2021/04/shopping-cart.svg); background-size: 48px; background-repeat: no-repeat; width: 410px; text-align: left; background-position: 30px 26px; } #login_details .panel.panel-default .form-group label.radio-inline:hover { background-color: #4d494a; } #login_details .panel.panel-default .form-group label.radio-inline input { display:none; } #register_form .tab-content { margin: 0 !important; } #login_details .panel.panel-default .form-group label.radio-inline span { display: block; font-size: 15px; font-weight: normal; text-transform: capitalize; } #login_details .panel.panel-default .form-group p { margin: 0 40px; color: #a11822; font-size: 18px; } .inactive_tab1 { background-color: #fff !important; } #do_you_need_additional_blocks { background: #4d494a; border: none; border-radius: 50px; margin-bottom: 38px; transition: all .4s ease-in-out; } #do_you_need_additional_blocks:hover { background: #a11822; } #do_you_need_additional_blocks i { padding-right: 10px; } .clschspacks { max-width: 100% !important; text-align: left !important; padding-left: 12px; } #Create .row.pricing-min-height .span9.pull-right.animation-part { float: none !important; } #Create .row.pricing-min-height .span9.pull-right.animation-part .row .span12 { display: flex; } #Create .row.pricing-min-height .span9.pull-right.animation-part .row .span12 .span3 { width: 20%; text-align: center; border: 1px solid #e7e7e7; margin: 30px 30px 0 0; overflow: hidden; border-radius: 8px; transition: all .4s ease-in-out; } .pricing { position: relative; padding: 0 4px; } .pricing-head h3 { font-size: 65px; color: #9f181f; line-height: 55px; text-align: center; -moz-transform: matrix(1.09484536082474,0,0,1.09598214285714,0,0); -webkit-transform: matrix(1.09484536082474,0,0,1.09598214285714,0,0); -ms-transform: matrix(1.09484536082474,0,0,1.09598214285714,0,0); margin: 30px 0 18px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .pricing h6 { margin: 0 0 12px !important; } .pricing h6 { font-size: 18px; color: #9f181f; text-align: center; margin: 0 0 23px; } .pricing-content { border-top: 1px dashed #e0e0e0; padding-top: 23px; text-align: center; } .original-price { font-size: 16.42px; color: #262626; text-decoration: line-through; line-height: 1.2; text-align: center; -moz-transform: matrix(1.09484536082474,0,0,1.09598214285714,0,0); -webkit-transform: matrix(1.09484536082474,0,0,1.09598214285714,0,0); -ms-transform: matrix(1.09484536082474,0,0,1.09598214285714,0,0); margin-bottom: 9px; display: block; } .offer-price { font-size: 18.25px; color: #9f181f; font-weight: 700; line-height: 1.2; text-align: center; -moz-transform: matrix(1.09484536082474,0,0,1.09598214285714,0,0); -webkit-transform: matrix(1.09484536082474,0,0,1.09598214285714,0,0); -ms-transform: matrix(1.09484536082474,0,0,1.09598214285714,0,0); display: block; } .discount-percent { background: #434343; text-align: center; font-size: 14px; color: #fff; text-transform: uppercase; line-height: 14px; padding: 10px 15px; margin: 22px 0 !important; } .discount-percent span { font-size: 16px; color: #fff; padding-right: 8px; } .you-save { font-size: 12.77px; color: #262626; font-weight: 700; line-height: 1.2; text-align: center; -moz-transform: matrix(1.09484536082474,0,0,1.09598214285714,0,0); -webkit-transform: matrix(1.09484536082474,0,0,1.09598214285714,0,0); -ms-transform: matrix(1.09484536082474,0,0,1.09598214285714,0,0); margin-bottom: 13px; display: block; } .block-price { font-size: 16px; color: #666; line-height: 1.5; text-align: center; display: block; } .sticker-left, .sticker-right { color: #fff; font-size: 12px; font-weight: 700; padding: 0px; position: absolute; text-align: center; width: 150px; } .sticker-right { background: #9f181f; right: -39px; top: -9px; transform: rotate(45deg); } #Create .row.pricing-min-height .span9.pull-right.animation-part .row .span12 .span3:hover{ box-shadow:1px 1px 10px 0px rgba(50, 50, 50, 0.1); } .span3 label.clsBuynow { background: #231f20; color: #fff; padding: 7px 14px; margin-bottom: 30px; border-radius: 6px; font-weight:normal; cursor:pointer; transition: all .4s ease-in-out; } .span3 label.clsBuynow:hover { background: #a11822;} .span3 label input { display: none; } .buynow_btn1 { display: none; } #bl_value { display: inline-block; width: 75px; height: 33px !important; padding: 0 !important; margin: 0 !important; font-size: 24px !important; font-family: open_sansregular; color: #4a4a4a !important; text-align: center; } .span3.pr { display: flex; align-items: center; } input#total { bottom: 4px !important; left: 4px !important; background: transparent; border: none; font-size: 30px; color: #a11822; } .form-group.clstotalfinal { justify-content: end !important; } .form-group.clstotalfinal label { font-size: 20px; font-weight: normal; } .clsbutnext { text-align: right; } .clsbutnext button { background: url('https://www.webstix.com/wp-content/uploads/2021/04/buy-block-right-arrow.svg') no-repeat; border: none; color: #000; font-size: 20px; background-size: 18px; background-position: center right -4px; width: 88px; } .clsbutnext button:hover { background: url('https://www.webstix.com/wp-content/uploads/2021/04/buy-block-right-arrow.svg') no-repeat; color: #000; background-size: 18px; background-position: center right -4px; border: none; font-size: 20px; } #btn_login_details:focus { border: none !important; background: url('https://www.webstix.com/wp-content/uploads/2021/04/buy-block-right-arrow.svg') no-repeat; color: #000; background-size: 18px; background-position: center right -4px; } .tab-content .panel-body { background: #fafafa; } #gform_38 { max-width: 1240px; } #gform_fields_38 select { height: 40px; padding: 5px 10px !important; border: 1px solid #bbb; } #gform_fields_38 label { font-size: 16px; font-weight: normal; } #field_38_6 label{ margin-bottom:8px; } #input_38_6 label { margin-bottom: 4px; margin-top: 14px !important; } #field_38_6 label, #field_38_10 strong, #field_38_14 strong{ font-size: 19px; font-weight: bold; margin-top:20px; } #input_38_6 label { font-size: 16px; font-weight: normal; margin-top:0; } #label_38_2_1 { position: relative; top: 2px; left: 3px; } #field_38_18 label { font-size: 20px; padding-top: 10px; font-weight: bold; } #field_38_18 .ginput_total.ginput_total_38 { font-size: 20px; color: #a51720; font-weight: bold; text-align: right; padding: 0; margin: 0; } #gform_submit_button_38 { font-size: 22px; border-radius: 4px; padding: 0 20px; margin-top: 10px !important; } #contact_details .panel.panel-default { text-align: center; } #contact_details .panel .panel-body img { padding: 70px 0 30px 0; } .totalNext { display: flex; align-items: baseline; justify-content: end; } .clsThankyou { font-size: 23px; } #register_form .nav-tabs li{ display: inline-block; background: white; padding: 0; position: relative; min-width:50px; text-decoration: none; -webkit-clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 50%, calc(100% - 15px) 100%, 0 100%, 15px 50%); clip-path:polygon(0 0, calc(100% - 15px) 0, 100% 50%, calc(100% - 15px) 100%, 0 100%, 15px 50%); margin-right: -13px; } #register_form .nav-tabs li:last-child { -webkit-clip-path: polygon(0 0, calc(100% - 0px) 0, 100% 50%, calc(100% - 0px) 100%, 0 100%, 15px 50%); clip-path: polygon(0 0, calc(100% - 0px) 0, 100% 50%, calc(100% - 0px) 100%, 0 100%, 15px 50%); width: 34.4%; } #register_form .nav-tabs li:first-child { -webkit-clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 50%, calc(100% - 15px) 100%, 0 100%); clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 50%, calc(100% - 15px) 100%, 0 100%); } .nav-tabs { border-bottom: none !important; } #register_form .nav-tabs{ background: #ddd; display: inline-block; padding: 1px; } .nav.nav-tabs li a { border: none !important; } .totalNext { display: flex; align-items: baseline; justify-content: flex-end !important; } .clsButBlockNewSection .container.box { width: 100%; margin: 0; padding: 0; } .clsButBlockNewSection .nav.nav-tabs { margin: 0; padding: 0; } .clsButBlockNewSection .nav.nav-tabs li { padding-bottom: 0 !important; margin-bottom: 0 !important; } #register_form .nav-tabs > li > a { text-decoration: none; } @media(max-width:767px){ .form_seo #gform_submit_button_39, .bottomform #gform_submit_button_37{ background: none !important; background-color: rgba(0, 0, 0, 0); background-color: #f58b10 !important; line-height: 24px; padding: 12px 12px 12px 12px !important; } #register_form .nav.nav-tabs { display: flex; flex-direction: column; } #register_form .nav.nav-tabs li { width: 100%; } #register_form .nav-tabs{ background:transparent; } #login_details .panel.panel-default .form-group { flex-direction: column; } #login_details .panel.panel-default .form-group label.radio-inline { background-color: #a11822; color: #fff; padding: 20px 30px 20px 20px; border-radius: 6px; font-weight: bold; text-transform: uppercase; transition: all .4s ease-in-out; background-image: url(https://www.webstix.com/wp-content/uploads/2021/04/shopping-cart.svg); background-size: 22px; background-repeat: no-repeat; width: 410px; background-position: 20px 26px; text-align: center; } #login_details .panel-body { padding: 40px 20px; background: #fafafa; } #do_you_need_additional_blocks { font-size: 11px; margin-bottom: 0; } #Create .row.pricing-min-height .span9.pull-right.animation-part .row .span12 { display: flex; flex-direction: column; } #Create .row.pricing-min-height .span9.pull-right.animation-part .row .span12 .span3 { width: 90%; max-width: 300px; margin: 0 auto; margin-bottom: 30px; margin-left: 0; } .page-id-23533 .box { width: 90%; margin: 0 auto; } } .cls_cmts p, .cls_red{ color: #a51e22; } .cls_comment p, .cls_comment p a{ color:#f00; font-size:15px; } .cls_comment{ border: 1px solid #efefef; padding: 10px 30px; margin-bottom: 30px; } .cls_comment p:last-child { text-align: right; color: #f00; } @media(min-width:1200px){ .form_seo{ position: relative; top: -32px; float: right; margin-left: 30px; width: 35%; } .cls_makequick{ float: right; padding-left: 15px; } } @media(min-width:768px) and (max-width:1199px){ .form_seo{ width: 60%; margin: 0px auto; } } .form_seo{ background: #a51720; border-radius: 10px; box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.37); } #gform_wrapper_39{ margin-left: 16px; } .form_seo h3 { color: #fff; text-align: center; } .form_seo #gform_39 input[type="text"], .form_seo textarea{ width:100% !important; height: 30px; border-radius: 4px; border: none; padding: 25px 15px !important; font-size: 16px !important; } .form_seo #gform_submit_button_39{ background: #fd9115 url(https://www.webstix.com/wp-content/uploads/2020/06/ada_top_form_arrow.png); background-position-x: 0%; background-position-y: 0%; background-repeat: repeat; background-repeat: no-repeat; background-position: left 20px center; width: 100% !important; padding: 12px 20px 12px 50px; font-size: 20px; font-weight: 700; border-radius: 5px; } .form_seo li{ padding-right:0px !important; } .form_seo #gform_39{ margin-right: 16px; } .form_seo textarea{ padding-top: 12px !important; } #gform_wrapper_35 .gform_validation_errors > h2.hide_summary, #gform_wrapper_36 .gform_validation_errors > h2.hide_summary, #gform_wrapper_39 .gform_validation_errors > h2.hide_summary, #gform_wrapper_37 .gform_validation_errors > h2.hide_summary, #gform_wrapper_35.gform_legacy_markup_wrapper .validation_message, #gform_wrapper_36.gform_legacy_markup_wrapper .validation_message, #gform_wrapper_39.gform_legacy_markup_wrapper .validation_message, #gform_wrapper_37.gform_legacy_markup_wrapper .validation_message{ color: #ffffff; } #field_37_9 label, #field_39_8 label{ display: none; } @media(min-width:992px){ .cls_tblebelow{ width:60%; margin: 0px auto; } } .cls_comment{ display:none; } .cls_woo{ border-collapse: collapse; margin: 0px auto; width: 80%; border: 1px solid #efefef; } .cls_woo .clsTabTitle{ border-bottom: 1px solid #efefef; } .cls_woo tr td{ width: 30%; border-right: 1px solid #efefef; } .cls_woo tr.clsSiteDetails td{ text-align: center; border-right: 1px solid #efefef; } .clsCricleBar.cls_3 { border-left: 1px solid #efefef; margin-left: -5px; } .clsCricleBar.cls_2{ margin-left: -5px; } @media(max-width:700px){ .clsCricleBar.cls_2, .clsCricleBar.cls_3{ width:200px; } } #input_19_13_5_container { clear: both; display: block; } #input_19_13_1_container .gform_card_icon_container { float: left; } #input_19_13_1_label { clear: both; } #gform_40 input { font-size: 14px !important; color: #333; height: 40px; padding: 5px 10px !important; border: 1px solid #bbb; } #gform_40 .gfield_required{ display:inline-block; } #input_40_3 input { width: auto; } #gform_40 input#gform_submit_button_40 { border: none !important; color: #fff !important; text-transform: uppercase; padding: 0 30px !important; } #input_40_13_1 { width: auto !important; height: auto !important; } .clsNewBlogBtns{ background: #a51720 !important; color: #fff !important; padding: 10px 15px; font-size: 17px; font-family: raleway,sans-serif; font-weight: bold; text-decoration: none !important; margin-bottom:20px; display:inline-block; } .clsNewBlogBtns:hover{ background: #333 !important;} .page-id-10737 #inner_content-39-20 h3 { display: none; } .page-id-10737 #urr-public-social-icons .fa.fa-google { font-size: 40px; } .page-id-10737 #urr-public-social-icons .fa.fa-facebook-square.fa-2x { font-size: 42px; } #gform_fields_42 input { border: #e2e2e2 solid 1px; border-radius: 4px; padding: 11px 12px; width: 100%; } #input_42_5 { min-height: 380px; } #inner_content-39-20 { box-shadow: 0px 0px 28px 0px rgba(144, 144, 144, 0.1); transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 50px 70px 50px 70px; } #gform_submit_button_42 { font-size: 26px; font-family:source sans pro; border: none; border-radius: 50px; max-width: 300px !important; width: 100% !important; margin: 0 auto !important; text-align: center; display: block; font-weight: 600; cursor: pointer; min-height:59px; } #gform_submit_button_42:hover { background: #333; } #gform_submit_button_42 { line-height: normal; } .page-id-7528 #gform_submit_button_5 {width: 35% !important;} /* Updated CSS */ .page-id-26175 #_header_right-12-20, .page-id-26175 #link_button-8-20, .page-id-26175 #link_text-151-17574, .page-id-26175 #section-14-20{ display: none; } .page-id-26175 #text_block-7-20{ font-size: 22px !important; } .page-id-26175 #_header-1-20 { min-height: 104px; } .page-id-26175 #image-4-20 { height: 58px; padding:0; } .page-id-26175 #_header_right-6-20 { margin-top: 34px !important; } .page-id-26175 #headline-37-20, .page-id-26175 #section-290-7, .page-id-26175 #webstix_newsletter_subscribe_form, .page-id-26175 #section-314-7{ display:none; } @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap'); .page-id-26175 #inner_content-39-20{ margin: 60px auto; max-width: 680px; border-radius: 15px 15px 15px 15px; background: #fff; } .page-id-26175 #section-28-20{ background: #FAFAFA; } .page-id-26175 h1{ color: #323232; font-family: 'Source Sans Pro'; font-size: 40px; font-weight: 800; border:none; } #gform_fields_42 label{ font-weight:bold; } #gform_fields_42 input, #gform_fields_42 textarea{ font-size:16px !important; } #input_42_3:focus::placeholder { color: transparent; } .page-id-26175 .gform_wrapper .gfield_required{ display: inline-block; } #inner_content-39-20{ position:relative; } .clsVoucherPosition { position: absolute; right: -170px; margin-top:15px; } @media(max-width:767px){ .page-id-26175 #inner_content-39-20 { margin: 30px auto; padding: 15px; } .page-id-26175 h1{ font-size:26px; } .page-id-26175 .gform_wrapper{ margin:16px 0 !important; } .clsVoucherPosition { position: static; max-width: 100% !important; width: auto !important; margin: 0 !important; } } @media(min-width:768px) and (max-width:1100px){ .clsVoucherPosition { position: static; margin: 30px 20px 20px 0 !important; float: right; } } .box11 { width: 40%; margin: 0 auto; background: rgba(255,255,255,0.2); padding: 35px; border: 2px solid #fff; border-radius: 20px/50px; background-clip: padding-box; text-align: center; } .button11 { font-size: 1em; color: #6d6b6b !important; text-decoration: none; cursor: pointer; } .overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); transition: opacity 500ms; visibility: hidden; opacity: 0; } .overlay:target { visibility: visible; opacity: 1; } .popup { margin: 70px auto; padding: 20px; background: #fff; border-radius: 5px; width: 30%; position: relative; transition: all 5s ease-in-out; } .popup h2 { margin-top: 0; color: #333; font-family: Tahoma, Arial, sans-serif; } .popup .close { position: absolute; top: -5px; right: 10px; transition: all 200ms; font-size: 30px; font-weight: bold; text-decoration: none; color: #333; } .popup .close:hover { color: #000; } .popup .content { max-height: 30%; overflow: auto; } @media screen and (max-width: 700px){ .box11{ width: 70%; } .popup{ width: 70%; } } .postid-26778 h3 { font-size: 22px !important; line-height: 30px !important; padding-bottom: 0 !important; font-weight:700 !important; } #headline-121-7 { line-height: 44px; } .page-id-26709 #headline-37-20 { display: none; } .page-id-26709 #inner_content-39-20 { margin-top: 50px; } .btn-yes, .btn-no { color: #333 !important; } .colorsguide .oxy-rich-text span:last-child { color: #222; } #gform_submit_button_44 { padding: 16px 52px; height: auto; text-transform: uppercase; font-size: 25px; } .CleFirstShadowSection { box-shadow: 0px 0px 28px 0px rgba(144, 144, 144, 0.1); transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 50px 70px 0px 70px; max-width: 1200px; margin: 0 auto; } .clsFormSectionBorder { box-shadow: 0px 0px 28px 0px rgba(144, 144, 144, 0.1); transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 50px 70px 20px 70px; max-width: 1200px; margin: 0 auto; margin-top: 0px; margin-top: 60px; border-top-width: 9px !important; } .page-id-26709 #_nav_menu-15-26846 .menu-item:hover a{ background-color:transparent !important; } @media(max-width:767px){ .page-id-26709 #inner_content-39-20 { padding: 20px 10px 50px 10px; } .clsFormHeading{ top: 1%!important; left: 11%!important; font-size: 22px!important; width: 65%!important; } .page-id-24499 #inner_content-39-20{ padding:50px 70px 50px 70px!important; } } .btn-yes:hover, .btn-no:hover , .selected-btn{ color: #fff !important; } #div_block-327-26709 { min-height: 160px; display: flex; align-items: center; justify-content: center; } .page-id-4713 #policy .text-center { text-align: left !important; } @media(max-width:767px){ .CleFirstShadowSection, .clsFormSectionBorder { padding: 20px 20px 0px 20px; max-width: 1200px; margin: 0 auto; } #gform_wrapper_49{ width: 100%!important; margin: 0px!important; } .page-id-24499 p{ width: 100%!important; } .clsSeoMidImg{ top:0px!important; } } #gform_44 label { margin-bottom: 3px; font-weight: 600; } #gform_wrapper_44 .gfield_required{ padding-left:0 !important; margin-left:2px !important; } #gform_wrapper_44 .gform_footer.top_label { text-align: center; } .page-id-26709 #link_text-151-17574, .page-id-26709 #section-14-20, .page-id-26709 #section-290-7, .page-id-26709 #webstix_newsletter_subscribe_form, .page-id-26709 #section-314-7{ display:none; } .page-id-26709 #_header_right-12-20{ display:none; } .page-id-26709 #link-142-17574 { padding-bottom: 40px; } #section-287-26709 { border-top-color: #2e2e2e !important; border-top-width: 6px; border-top-style: solid; background-image: url(https://www.webstix.com/arrow_gif/); background-size: 60px; background-repeat: no-repeat; background-position: top 10px center; } .clsSubLi{list-style-type: circle;} #code_block-4-18884 .current_page_item { border-top: none; } .page-id-28015 #code_block-165-17574 { display: none; } .page-id-6662 ul.tab-contents { margin: 0px 0px; } .page-id-6662 ul#tab>li.active, #form-titles>li.active { margin: 0px 0px; } .page-id-6662 .ct-span { display: block; } span#input_45_6_1_container, span#input_45_6_3_container { display: block; width: 100%; } .gform_legacy_markup_wrapper .ginput_complex .ginput_left { padding-right: 0px; } select#input_45_6_3 { border: 1px solid#bbb; color: #4e4e4e; background-color: #fff; height: 40px; margin-top: 9px; } #field_45_6 label { font-weight: 600; font-size: 16px; } #field_45_6 input { margin-top: 8px; } #field_45_6 label:after { content: '*'; color: #790000; margin-left: 4px } #gform_submit_button_45 { text-transform: uppercase; font-family: 'Source Sans Pro'; font-weight: 700; text-align: center; border: none; border-radius: 0; padding: 10px 16px; } .clsHeroImage{ background-color:unset !important; } .page-id-7595 .Bannercontainer, .page-id-30600 .Bannercontainer { position: absolute; bottom: -10%; transform: translate(0,-50%); color: #fff; padding: 0px 0px 0px 50px; right:0%; width: 38%; left:15%; } .page-id-7595 .Bannercontainer p, .page-id-30600 .Bannercontainer p { width: 80%; } .page-id-7595 #div_block-33-7, .page-id-30600 #div_block-33-7 { width: 100%; flex-direction: column; display: flex; text-align: left; align-items: flex-start; order: 1; justify-content: center; } .page-id-7595 #headline-34-7, .page-id-30600 #headline-34-7 { margin-bottom: 0px; font-size: 29px; color: #ffffff; line-height: 1.5; margin-top: 0px; } .page-id-7595 #text_block-35-7, .page-id-30600 #text_block-35-7 { margin-bottom: 0px; color: #ffffff; font-size: 21px; font-family: 'Raleway'; margin-top: 12px; } .page-id-7595 #text_block-379-7595, .page-id-30600 #text_block-379-7595 { margin-bottom: 19px; color: #ffffff; font-family: 'Oswald'; margin-top: 18px; font-size: 100px; font-weight: 400; letter-spacing: 8px; } .page-id-7595 #span-383-7595, .page-id-30600 #span-383-7595 { background-color: #333; flex-direction: unset; display: inline-block; border-radius: 3px; border-top-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-left-color: #000000; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; padding-left: 8px; margin-right: 0px; padding-top: 0px; padding-bottom: 0px; line-height: 130px; } .page-id-7595 #span-387-7595, .page-id-30600 #span-387-7595 { background-color: #333; border-radius: 3px; border-top-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-left-color: #000000; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; flex-direction: unset; display: inline-block; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; padding-left: 8px; line-height: 130px; } .page-id-7595 #span-389-7595, .page-id-30600 #span-389-7595 { flex-direction: unset; display: inline-block; background-color: #333; border-top-color: #000; border-right-color: #000; border-bottom-color: #000; border-left-color: #000; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-radius: 2px; padding-left: 8px; line-height: 130px; } .page-id-7595 #image-390-7595, .page-id-30600 #image-390-7595 { width: 35%; } .page-id-7595 .ct-image, .page-id-30600 .ct-image { max-width: 100%; } .page-id-7595 .clsnewlist div, .page-id-30600 .clsnewlist div { padding: 0 0 0 20px; background: url(https://www.webstix.com/wp-content/uploads/2022/12/arrow-point.svg); background-repeat: no-repeat; background-size: 14px; line-height: normal; margin-bottom: 10px; background-position: top 4px left; } .clsContainerWidth .mce_SELRES_start{ display: inline-block; width: 0px; overflow: hidden; line-height: 0; } .clsToptitle{ font-family: Raleway; font-size: 26px; font-weight: 500; line-height:30px; padding-bottom:20px; } .clsMidtitle{ font-family: Raleway; font-size: 42px; line-height:46px; font-weight: 700; padding-bottom:35px; } .clsBtmtitle{ font-family: Raleway; font-size: 20px; font-weight: 400; line-height:27px; width:100%; } .clsHeroImage{background-size: contain!important; background-position: 100% 50%;} .clsreadmore{ margin-top: 50px; } .clsreadmore a{ font-family: Raleway; font-size: 16px; text-transform: uppercase; font-weight: 600; border-radius: 0; color: #fff; padding: 12px 24px; border: 1px solid #fff; } .clsreadmore a:hover{ background: #333; border: 1px solid #333; } .clsTopexptitle{ font-family: Raleway; font-size: 28px; font-weight: 400; line-height: 32px; padding-bottom: 5px; } .clsMidexptitle{ font-family: Raleway; font-size: 42px; font-weight: 700; line-height:44px; padding-bottom: 35px; } .clsBtmexptitle{ font-family: Raleway; font-size: 26px; font-weight: 600; line-height: 27px; width: 100%; padding-bottom: 20px; } .clsnewlist{ font-size: 18px; font-family: Raleway; font-weight: 400; line-height:22px; } @media only screen and (min-width:1200px) and (max-width:1300px){ .page-id-7595 .Bannercontainer, .page-id-30600 .Bannercontainer{left: -2%;} } @media only screen and (min-width:1301px) and (max-width:1350px){ .page-id-7595 .Bannercontainer, .page-id-30600 .Bannercontainer{left: 0%;} } @media only screen and (min-width:1351px) and (max-width:1400px){ .page-id-7595 .Bannercontainer, .page-id-30600 .Bannercontainer{left: 1%;} } @media only screen and (min-width:1401px) and (max-width:1499px){ .page-id-7595 .Bannercontainer, .page-id-30600 .Bannercontainer{left: 4%;} } @media only screen and (min-width:1500px) and (max-width:1599px){ .page-id-7595 .Bannercontainer, .page-id-30600 .Bannercontainer{left: 6%;} } @media only screen and (min-width:1600px) and (max-width:1699px){ .page-id-7595 .Bannercontainer, .page-id-30600 .Bannercontainer{left: 10%;} } @media only screen and (min-width:1700px) and (max-width:1799px){ .page-id-7595 .Bannercontainer, .page-id-30600 .Bannercontainer{left: 11%;} } @media only screen and (min-width:1800px) and (max-width:1899px){ .page-id-7595 .Bannercontainer, .page-id-30600 .Bannercontainer{left: 13%;} } @media only screen and (min-width:1921px) and (max-width:2300px){ .page-id-7595 .Bannercontainer, .page-id-30600 .Bannercontainer{left: 18%;} } @media only screen and (min-width: 2301px) { .page-id-7595 .Bannercontainer, .page-id-30600 .Bannercontainer{ left:22%; width: 34%; } } @media(max-width: 767px){ .Bannercontainer{ width: 95% !important; left: 0% !important; } .page-id-7595 .oxy-header-row, .page-id-30600 .oxy-header-row{position: unset;} .page-id-7595 .Bannercontainer, .page-id-30600 .Bannercontainer{top: 30%!important;padding: 40px 0px 0px 25px!important;} .clsToptitle br, .clsMidtitle br, .clsBtmtitle br{display:none;} .clsToptitle , .clsMidtitle, .clsBtmtitle{font-size:20px!important;line-height:24px!important;} .page-id-7595 #headline-34-7, .page-id-30600 #headline-34-7{font-size: 20px!important;line-height:27px!important;text-align: center;} .clsTopexptitle, .clsMidexptitle, .clsBtmexptitle{font-size: 20px!important;line-height:24px!important;} .clsTopexptitle br, .clsMidexptitle br, .clsBtmexptitle br{display:none;} .clsMidexptitle{padding-bottom: 10px!important;} .page-id-7595 #div_block-33-7, .page-id-30600 #div_block-33-7{text-align: center!important; align-items: center!important;} } @media only screen and (max-width: 991px) { .page-id-7595 .Bannercontainer, .page-id-30600 .Bannercontainer{left: -4%;top: 50%;} .clsToptitle br, .clsMidtitle br, .clsBtmtitle br{display:none;} .clsTopexptitle br, .clsMidexptitle br, .clsBtmexptitle br{display:none;} .clsMidtitle, .clsMidexptitle{ font-size: 25px; line-height: 30px; } .page-id-7595 #headline-34-7, .page-id-30600 #headline-34-7{font-size: 25px;line-height:29px;} .page-id-7595 #text_block-379-7595, .page-id-30600 #text_block-379-7595{font-size:60px;} .page-id-30600 #shortcode-363-7595{width:100% !important;} .page-id-30600 #section-139-7{height:auto;} } .clsHeroImage{ background-color:unset !important; } .page-id-29106 .Bannercontainer { top: 50%; transform: translate(0,-50%); color: #fff; padding: 40px 0px 0px 50px; right:0%; width: 48%; left:0%; } .page-id-29106 .Bannercontainer p { width: 80%; } .page-id-29106 #div_block-33-7 { width: 100%; flex-direction: column; display: flex; text-align: left; align-items: flex-start; order: 1; justify-content: center; } .page-id-29106 #headline-34-7 { margin-bottom: 0px; font-size: 29px; color: #ffffff; line-height: 1.5; margin-top: 0px; } .page-id-29106 #text_block-35-7 { margin-bottom: 0px; color: #ffffff; font-size: 21px; font-family: 'Raleway'; margin-top: 12px; } .page-id-29106 #text_block-379-7595 { margin-bottom: 19px; color: #ffffff; font-family: 'Oswald'; margin-top: 18px; font-size: 100px; font-weight: 400; letter-spacing: 8px; } .page-id-29106 #span-383-7595 { background-color: #333; flex-direction: unset; display: inline-block; border-radius: 3px; border-top-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-left-color: #000000; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; padding-left: 8px; margin-right: 0px; padding-top: 0px; padding-bottom: 0px; line-height: 130px; } .page-id-29106 #span-387-7595 { background-color: #333; border-radius: 3px; border-top-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-left-color: #000000; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; flex-direction: unset; display: inline-block; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; padding-left: 8px; line-height: 130px; } .page-id-29106 #span-389-7595 { flex-direction: unset; display: inline-block; background-color: #333; border-top-color: #000; border-right-color: #000; border-bottom-color: #000; border-left-color: #000; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-radius: 2px; padding-left: 8px; line-height: 130px; } .page-id-29106 #image-390-7595 { width: 35%; } .page-id-29106 .ct-image { max-width: 100%; } .page-id-29106 .clsnewlist div { padding: 0 0 0 20px; background: url(https://www.webstix.com/wp-content/uploads/2022/12/arrow-point.svg); background-repeat: no-repeat; background-size: 14px; line-height: normal; margin-bottom: 10px; background-position: top 4px left; } .clsContainerWidth .mce_SELRES_start{ display: inline-block; width: 0px; overflow: hidden; line-height: 0; } .clsToptitle{ font-family: Raleway; font-size: 26px; font-weight: 500; line-height:30px; padding-bottom:20px; } .clsMidtitle{ font-family: Raleway; font-size: 42px; line-height:46px; font-weight: 700; padding-bottom:35px; } .clsBtmtitle{ font-family: Raleway; font-size: 20px; font-weight: 400; line-height:27px; width:100%; } .clsHeroImage{background-size: contain!important; background-position: 100% 50%;} .clsreadmore{ margin-top: 50px; } .clsreadmore a{ font-family: Raleway; font-size: 16px; text-transform: uppercase; font-weight: 600; border-radius: 0; color: #fff; padding: 12px 24px; border: 1px solid #fff; } .clsreadmore a:hover{ background: #333; border: 1px solid #333; } .clsTopexptitle{ font-family: Raleway; font-size: 28px; font-weight: 400; line-height: 32px; padding-bottom: 5px; } .clsMidexptitle{ font-family: Raleway; font-size: 42px; font-weight: 700; line-height:44px; padding-bottom: 35px; } .clsBtmexptitle{ font-family: Raleway; font-size: 26px; font-weight: 600; line-height: 27px; width: 100%; padding-bottom: 20px; } .clsnewlist{ font-size: 18px; font-family: Raleway; font-weight: 400; line-height:22px; } @media only screen and (min-width:1200px) and (max-width:1300px){ .page-id-29106 .Bannercontainer{left: -2%;} } @media only screen and (min-width:1301px) and (max-width:1350px){ .page-id-29106 .Bannercontainer{left: 0%;} } @media only screen and (min-width:1351px) and (max-width:1400px){ .page-id-29106 .Bannercontainer{left: 1%;} } @media only screen and (min-width:1401px) and (max-width:1499px){ .page-id-29106 .Bannercontainer{left: 4%;} } @media only screen and (min-width:1500px) and (max-width:1599px){ .page-id-29106 .Bannercontainer{left: 6%;} } @media only screen and (min-width:1600px) and (max-width:1699px){ .page-id-29106 .Bannercontainer{left: 8%;} } @media only screen and (min-width:1700px) and (max-width:1799px){ .page-id-29106 .Bannercontainer{left: 11%;} } @media only screen and (min-width:1800px) and (max-width:1899px){ .page-id-29106 .Bannercontainer{left: 13%;} } @media only screen and (min-width:1921px) and (max-width:2300px){ .page-id-29106 .Bannercontainer{left: 18%;} } @media only screen and (min-width: 2301px) { .page-id-29106 .Bannercontainer{ left:22%; } } @media(max-width: 767px){ .page-id-30600 #div_block-483-30600 {padding-left:0px;} .page-id-30600 #div_block-487-30600 .ct-image{width:90%;} .page-id-30600 #div_block-487-30600{display:block;} .Bannercontainer{ width: 95% !important; left: 0% !important; } .page-id-29106 .oxy-header-row{position: unset;} .page-id-30600 #_header_row-336-7{position:relative;} .page-id-7595 .Bannercontainer, .page-id-30600 .Bannercontainer{bottom:0px !important;} .page-id-29106 .Bannercontainer{top: 68%!important;padding: 40px 0px 0px 25px!important;} .clsToptitle br, .clsMidtitle br, .clsBtmtitle br{display:none;} .clsToptitle , .clsMidtitle, .clsBtmtitle{font-size:18px!important;line-height:22px!important;} .page-id-29106 #headline-34-7{font-size: 20px!important;line-height:27px!important;text-align: center;} .clsTopexptitle, .clsMidexptitle, .clsBtmexptitle{font-size: 20px!important;line-height:24px!important;} .clsTopexptitle br, .clsMidexptitle br, .clsBtmexptitle br{display:none;} .clsMidexptitle{padding-bottom: 10px!important;} .page-id-29106 #div_block-33-7{text-align: center!important; align-items: center!important;} .clsreadmore{margin-top:30px !important;} } @media only screen and (max-width: 991px) { .page-id-29106 .Bannercontainer{left: -4%;top: 55%;} .clsToptitle br, .clsMidtitle br, .clsBtmtitle br{display:none;} .clsTopexptitle br, .clsMidexptitle br, .clsBtmexptitle br{display:none;} .clsMidtitle, .clsMidexptitle{ font-size: 25px; line-height: 30px; } .page-id-29106 #headline-34-7{font-size: 25px;line-height:29px;} } .page-id-29576 .Bannercontainer { position: absolute; top: 50%; transform: translate(0,-50%); color: #fff; padding: 40px 0px 0px 50px; right:0%; width: 48%; left:15%; } .page-id-29576 .Bannercontainer p { width: 80%; } .page-id-29576 #div_block-33-7 { width: 100%; flex-direction: column; display: flex; text-align: left; align-items: flex-start; order: 1; justify-content: center; } .page-id-29576 #headline-34-7 { margin-bottom: 0px; font-size: 29px; color: #ffffff; line-height: 1.5; margin-top: 0px; } .page-id-29576 #text_block-35-7 { margin-bottom: 0px; color: #ffffff; font-size: 21px; font-family: 'Raleway'; margin-top: 12px; } .page-id-29576 #text_block-379-7595 { margin-bottom: 19px; color: #ffffff; font-family: 'Oswald'; margin-top: 18px; font-size: 100px; font-weight: 400; letter-spacing: 8px; } .page-id-29576 #span-383-7595 { background-color: #333; flex-direction: unset; display: inline-block; border-radius: 3px; border-top-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-left-color: #000000; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; padding-left: 8px; margin-right: 0px; padding-top: 0px; padding-bottom: 0px; line-height: 130px; } .page-id-29576 #span-387-7595 { background-color: #333; border-radius: 3px; border-top-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-left-color: #000000; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; flex-direction: unset; display: inline-block; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; padding-left: 8px; line-height: 130px; } .page-id-29576 #span-389-7595 { flex-direction: unset; display: inline-block; background-color: #333; border-top-color: #000; border-right-color: #000; border-bottom-color: #000; border-left-color: #000; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-radius: 2px; padding-left: 8px; line-height: 130px; } .page-id-29576 #image-390-7595 { width: 35%; } .page-id-29576 .ct-image { max-width: 100%; } .page-id-29576 .clsnewlist div { padding: 0 0 0 20px; background: url(https://www.webstix.com/wp-content/uploads/2022/12/arrow-point.svg); background-repeat: no-repeat; background-size: 14px; line-height: normal; margin-bottom: 10px; background-position: top 4px left; } .clsContainerWidth .mce_SELRES_start{ display: inline-block; width: 0px; overflow: hidden; line-height: 0; } .clsToptitle{ font-family: Raleway; font-size: 26px; font-weight: 500; line-height:30px; padding-bottom:20px; } .clsMidtitle{ font-family: Raleway; font-size: 42px; line-height:46px; font-weight: 700; padding-bottom:35px; } .clsBtmtitle{ font-family: Raleway; font-size: 20px; font-weight: 400; line-height:27px; width:100%; } .clsHeroImage{background-size: contain!important; background-position: 100% 50%;} .clsreadmore{ margin-top: 50px; } .clsreadmore a{ font-family: Raleway; font-size: 16px; text-transform: uppercase; font-weight: 600; border-radius: 0; color: #fff; padding: 12px 24px; border: 1px solid #fff; } .clsreadmore a:hover{ background: #333; border: 1px solid #333; } .clsTopexptitle{ font-family: Raleway; font-size: 28px; font-weight: 400; line-height: 32px; padding-bottom: 5px; } .clsMidexptitle{ font-family: Raleway; font-size: 42px; font-weight: 700; line-height:44px; padding-bottom: 35px; } .clsBtmexptitle{ font-family: Raleway; font-size: 26px; font-weight: 600; line-height: 27px; width: 100%; padding-bottom: 20px; } .clsnewlist{ font-size: 18px; font-family: Raleway; font-weight: 400; line-height:22px; } @media only screen and (min-width:1200px) and (max-width:1300px){ .page-id-29576 .Bannercontainer{left: -2%;} } @media only screen and (min-width:1301px) and (max-width:1350px){ .page-id-29576 .Bannercontainer{left: 0%;} } @media only screen and (min-width:1351px) and (max-width:1400px){ .page-id-29576 .Bannercontainer{left: 1%;} } @media only screen and (min-width:1401px) and (max-width:1499px){ .page-id-29576 .Bannercontainer{left: 4%;} } @media only screen and (min-width:1500px) and (max-width:1599px){ .page-id-29576 .Bannercontainer{left: 6%;} } @media only screen and (min-width:1600px) and (max-width:1699px){ .page-id-29576 .Bannercontainer{left: 8%;} } @media only screen and (min-width:1700px) and (max-width:1799px){ .page-id-29576 .Bannercontainer{left: 11%;} } @media only screen and (min-width:1800px) and (max-width:1899px){ .page-id-29576 .Bannercontainer{left: 13%;} } @media only screen and (min-width:1921px) and (max-width:2300px){ .page-id-29576 .Bannercontainer{left: 18%;} } @media only screen and (min-width: 2301px) { .page-id-29576 .Bannercontainer{ left:22%; } } @media(max-width: 767px){ .Bannercontainer{ width: 95% !important; left: 0% !important; } .page-id-29576 .oxy-header-row{position: unset;} .page-id-29576 .Bannercontainer{top: 68%!important;padding: 40px 0px 0px 25px!important;} .clsToptitle br, .clsMidtitle br, .clsBtmtitle br{display:none;} .clsToptitle , .clsMidtitle, .clsBtmtitle{font-size:18px!important;line-height:22px!important;} .page-id-29576 #headline-34-7{font-size: 20px!important;line-height:27px!important;text-align: center;} .clsTopexptitle, .clsMidexptitle, .clsBtmexptitle{font-size: 20px!important;line-height:24px!important;} .clsTopexptitle br, .clsMidexptitle br, .clsBtmexptitle br{display:none;} .clsMidexptitle{padding-bottom: 10px!important;} .page-id-29576 #div_block-33-7{text-align: center!important; align-items: center!important;} } @media only screen and (max-width: 991px) { .page-id-29576 .Bannercontainer{left: -4%;top: 55%;} .clsToptitle br, .clsMidtitle br, .clsBtmtitle br{display:none;} .clsTopexptitle br, .clsMidexptitle br, .clsBtmexptitle br{display:none;} .clsMidtitle, .clsMidexptitle{ font-size: 25px; line-height: 30px; } .page-id-29576 #headline-34-7{font-size: 25px;line-height:29px;} #shortcode-470-7595{width:55% !important;} #_header_left-337-7.oxy-header-left{justify-content: end !important;} } #shortcode-470-7595{width:100%;} #_header_left-337-7.oxy-header-left{flex-grow: 1;} #_header_center-338-7.oxy-header-center{display:none;} @media (min-width: 992px) and (max-width: 1199px) { .page-id-7595 .Bannercontainer{left: 0;padding: 40px 0px 0px 25px;} #shortcode-470-7595{width:55% !important;} #_header_left-337-7.oxy-header-left{justify-content: end !important;} } @media (min-width: 992px) and (max-width: 1500px) { .page-id-7595 .Bannercontainer, .page-id-30600 .Bannercontainer{width: 50%;} } @media (min-width: 1501px) and (max-width: 1900px) { .page-id-7595 .Bannercontainer, .page-id-30600 .Bannercontainer{width: 45%;} } .clsHeroImage{ background-color:unset !important; } .page-id-29686 .Bannercontainer { position: absolute; top: 50%; transform: translate(0,-50%); color: #fff; padding: 40px 0px 0px 50px; right:0%; width: 38%; left:15%; } .page-id-29686 .Bannercontainer p { width: 80%; } .page-id-29686 #div_block-33-7 { width: 100%; flex-direction: column; display: flex; text-align: left; align-items: flex-start; order: 1; justify-content: center; } .page-id-29686 #headline-34-7 { margin-bottom: 0px; font-size: 29px; color: #ffffff; line-height: 1.5; margin-top: 0px; } .page-id-29686 #text_block-35-7 { margin-bottom: 0px; color: #ffffff; font-size: 21px; font-family: 'Raleway'; margin-top: 12px; } .page-id-29686 #text_block-379-29686 { margin-bottom: 19px; color: #ffffff; font-family: 'Oswald'; margin-top: 18px; font-size: 100px; font-weight: 400; letter-spacing: 8px; } .page-id-29686 #span-383-29686 { background-color: #333; flex-direction: unset; display: inline-block; border-radius: 3px; border-top-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-left-color: #000000; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; padding-left: 8px; margin-right: 0px; padding-top: 0px; padding-bottom: 0px; line-height: 130px; } .page-id-29686 #span-387-29686 { background-color: #333; border-radius: 3px; border-top-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-left-color: #000000; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; flex-direction: unset; display: inline-block; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; padding-left: 8px; line-height: 130px; } .page-id-29686 #span-389-29686 { flex-direction: unset; display: inline-block; background-color: #333; border-top-color: #000; border-right-color: #000; border-bottom-color: #000; border-left-color: #000; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-radius: 2px; padding-left: 8px; line-height: 130px; } .page-id-29686 #image-390-29686 { width: 35%; } .page-id-29686 .ct-image { max-width: 100%; } .page-id-29686 .clsnewlist div { padding: 0 0 0 20px; background: url(https://www.webstix.com/wp-content/uploads/2022/12/arrow-point.svg); background-repeat: no-repeat; background-size: 14px; line-height: normal; margin-bottom: 10px; background-position: top 4px left; } .clsContainerWidth .mce_SELRES_start{ display: inline-block; width: 0px; overflow: hidden; line-height: 0; } .clsToptitle{ font-family: Raleway; font-size: 26px; font-weight: 500; line-height:30px; padding-bottom:20px; } .clsMidtitle{ font-family: Raleway; font-size: 42px; line-height:46px; font-weight: 700; padding-bottom:35px; } .clsBtmtitle{ font-family: Raleway; font-size: 20px; font-weight: 400; line-height:27px; width:100%; } .clsHeroImage{background-size: contain!important; background-position: 100% 50%;} .clsreadmore{ margin-top: 50px; } .clsreadmore a{ font-family: Raleway; font-size: 16px; text-transform: uppercase; font-weight: 600; border-radius: 0; color: #fff; padding: 12px 24px; border: 1px solid #fff; } .clsreadmore a:hover{ background: #333; border: 1px solid #333; } .clsTopexptitle{ font-family: Raleway; font-size: 28px; font-weight: 400; line-height: 32px; padding-bottom: 5px; } .clsMidexptitle{ font-family: Raleway; font-size: 42px; font-weight: 700; line-height:44px; padding-bottom: 35px; } .clsBtmexptitle{ font-family: Raleway; font-size: 26px; font-weight: 600; line-height: 27px; width: 100%; padding-bottom: 20px; } .clsnewlist{ font-size: 18px; font-family: Raleway; font-weight: 400; line-height:22px; } @media only screen and (min-width:1200px) and (max-width:1300px){ .page-id-29686 .Bannercontainer{left: -2%;} } @media only screen and (min-width:1301px) and (max-width:1350px){ .page-id-29686 .Bannercontainer{left: 0%;} } @media only screen and (min-width:1351px) and (max-width:1400px){ .page-id-29686 .Bannercontainer{left: 1%;} } @media only screen and (min-width:1401px) and (max-width:1499px){ .page-id-29686 .Bannercontainer{left: 4%;} } @media only screen and (min-width:1500px) and (max-width:1599px){ .page-id-29686 .Bannercontainer{left: 6%;} } @media only screen and (min-width:1600px) and (max-width:1699px){ .page-id-29686 .Bannercontainer{left: 8%;} } @media only screen and (min-width:1700px) and (max-width:1799px){ .page-id-29686 .Bannercontainer{left: 11%;} } @media only screen and (min-width:1800px) and (max-width:1899px){ .page-id-29686 .Bannercontainer{left: 13%;} } @media only screen and (min-width:1921px) and (max-width:2300px){ .page-id-29686 .Bannercontainer{left: 18%;} } @media only screen and (min-width: 2301px) { .page-id-29686 .Bannercontainer{ left:22%; } } @media(max-width: 767px){ .Bannercontainer{ width: 95% !important; left: 0% !important; } .page-id-29686 .oxy-header-row{position: unset;} .page-id-29686 .Bannercontainer{top: 44%!important;padding: 40px 0px 0px 25px!important;} .clsToptitle br, .clsMidtitle br, .clsBtmtitle br{display:none;} .clsToptitle , .clsMidtitle, .clsBtmtitle{font-size:20px!important;line-height:24px!important;} .page-id-29686 #headline-34-7{font-size: 20px!important;line-height:27px!important;text-align: center;} .clsTopexptitle, .clsMidexptitle, .clsBtmexptitle{font-size: 20px!important;line-height:24px!important;} .clsTopexptitle br, .clsMidexptitle br, .clsBtmexptitle br{display:none;} .clsMidexptitle{padding-bottom: 10px!important;} .page-id-29686 #div_block-33-7{text-align: center!important; align-items: center!important;} } @media only screen and (max-width: 767px) { .page-id-29686 .Bannercontainer{ margin-top:150px; } } @media only screen and (max-width: 991px) { .page-id-29686 .Bannercontainer{left: -4%;top: 55%;} .clsToptitle br, .clsMidtitle br, .clsBtmtitle br{display:none;} .clsTopexptitle br, .clsMidexptitle br, .clsBtmexptitle br{display:none;} .clsMidtitle, .clsMidexptitle{ font-size: 25px; line-height: 30px; } .page-id-29686 #headline-34-7{font-size: 25px;line-height:29px;} } @media (min-width: 992px) and (max-width: 1199px) { .page-id-29686 .Bannercontainer{left: 0;padding: 40px 0px 0px 25px;} #shortcode-470-29686{width:55% !important;} #_header_left-337-7.oxy-header-left{justify-content: end !important;} } @media (min-width: 992px) and (max-width: 1900px) { .page-id-29686 .Bannercontainer{width: 50%;} } .clsHeroImage.clsImage29066{height: 519px !important;} .page-id-11253 .ada_bottomform .gform_wrapper #gform_36 ul.gform_fields li.gfield{margin: 0px 31px 20px 0px !important;width: 48%;} .page-id-11253 .ada_bottomform .gform_wrapper ul.gform_fields li#field_36_6.gfield{width: 100%;} .page-id-11253 .ada_bottomform .gform_wrapper #gform_36 ul.gform_fields li#field_36_3.gfield:nth-child(2), .page-id-11253 .ada_bottomform .gform_wrapper #gform_36 ul.gform_fields li#field_36_8.gfield:nth-child(4){width: 48%!important;margin: 0px 0px 20px 0px !important;} .page-id-11253 .ct-inner-content #gform_36 ul{padding-left: 0px !important;} .page-id-11253 #gform_wrapper_36 #gform_submit_button_36:hover{background: #dc7902 url(https://www.webstix.com/wp-content/uploads/2020/06/ada_bottom_form_arrow.png) no-repeat left 30px center;} .page-id-11253 .ct-inner-content #gform_36 .ginput_recaptcha div{margin: 0 auto;} .page-id-11253 .clsADAComplianceSection1 .gform_wrapper .gform_footer{padding: 0px;} @media (min-width: 1300px) and (max-width: 1499px) { .clsHeroImage.clsImage29066{height: 519px !important;} } @media (min-width: 1500px) and (max-width: 1600px) { .clsHeroImage.clsImage29066{height: 518px !important;} } @media (min-width: 1100px) and (max-width: 1299px) { .clsHeroImage.clsImage29066{height: 515px !important;} } @media (min-width: 2000px) and (max-width: 2200px) { .clsHeroImage.clsImage29066{height: 518px !important;} } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { #section-139-7{height:auto!important;} #headline-484-30600{width:60% !important;} #headline-484-30600{font-size:34px !important;} .clsHeroImage.clsImage29066{background-image: url(https://www.webstix.com/wp-content/uploads/2023/01/tab-mockup-new.png)!important;height: 515px !important;background-size: cover !important;background-position: 48% 50% !important;} } #div_block-17-17625{ align-items: center; } #div_block-317-7{ align-items: center !important; margin-left: -14px; } #section-314-7 #div_block-316-7.ct-div-block{ padding: 0px !important; margin-bottom: 20px; } #code_block-8-18074 ul:last-child li:first-child{ display:none; } /* 09-05-2023 */ #headline-49-7{padding-top: 0px;} .tickmark{padding-left:20px;} @media (min-width: 1025px) and (max-width: 1500px) { .page-id-30600 #new_columns-482-30600{background-size:cover;} .page-id-30600 #shortcode-363-7595{max-width:100%;} .page-id-7595 .Bannercontainer, .page-id-30600 .Bannercontainer{left: 0%;padding: 0px 0px 0px 25px;} } @media (min-width: 1025px) and (max-width: 1300px) { .page-id-7595 .Bannercontainer, .page-id-30600 .Bannercontainer{left: 0%;padding: 0px 0px 0px 25px;} } @media (min-width: 1301px) and (max-width: 1350px) { .page-id-7595 .Bannercontainer, .page-id-30600 .Bannercontainer{left: 2%;padding: 0px 0px 0px 25px;} } @media (min-width: 1351px) and (max-width: 1399px) { .page-id-7595 .Bannercontainer, .page-id-30600 .Bannercontainer{left: 3%;padding: 0px 0px 0px 25px;} } @media (min-width: 1400px) and (max-width: 1499px) { .page-id-7595 .Bannercontainer, .page-id-30600 .Bannercontainer{left: 5%;} } @media (min-width: 1500px) and (max-width: 1599px) { .page-id-7595 .Bannercontainer, .page-id-30600 .Bannercontainer{left: 7%;} } .contact-details{width:100% !important;} #gform_fields_47 .gfield_required{ display:inline!important; } #gform_fields_28 .gfield_required{ display:inline!important; } #text_block-485-30600::before{content:"We are experts in ";font-weight: 400;} #text_block-485-30600::after{content:" and more.";font-weight: 400;} #div_block-66-7{width:35%;justify-content: center;min-height:400px;} .page-id-30600 #shortcode-363-7595{width:100%;} .page-id-30600 .gform_legacy_markup_wrapper .gform_footer{padding: 16px 0 0px;} #gform_submit_button_47{ padding: 0px 30px; } #gform_submit_button_28{ padding: 0px 30px; } #input_21_13_5_container, #input_18_13_5_container { clear: both; display: block; } #gform_24_validation_container h2.gform_submission_error{ font-size: 20px; line-height: 24px; padding-left: 8px; padding-right: 8px; } .clsPortfolio .itembox{max-height: 310px;} /* 20-06-2023 */ #link_button-11-31043{border-radius: 4px !important;} #link_text-10-31043::before{ background-image: url(https://www.webstix.com/wp-content/uploads/2023/06/phone-icon.svg); content: ""; height: 29px; width: 17px; display: block; position: absolute; left: -30px; } #link_text-10-31043{ display: flex; position: relative; } #link_button-71-31043, #link_button-74-31043{ position: relative; display: flex; justify-content: center; align-items: center; } #link_button-71-31043::after{ background-image: url(https://www.webstix.com/wp-content/uploads/2023/06/arrow-icon.svg); content: ""; height: 19px; width: 37px; display: inline-block; position: absolute; right: 30px; background-position: center; } #link_button-74-31043::after{ background-image: url(https://www.webstix.com/wp-content/uploads/2023/06/arrow-icon.svg); content: ""; height: 19px; width: 37px; display: inline-block; position: absolute; right: 50px; background-position: center; } #link_button-101-31043:hover, #link_button-195-31043:hover{color: #ffffff;} #div_block-124-31043{ display: flex; flex-direction: row; justify-content: space-between; width: 100%; align-items: center; } #section-40-31043 .ct-section-inner-wrap{align-items: center;} #code_block-41-31043 > div .itembox{ height: 300px; overflow: hidden; position: relative; } #gform_wrapper_48 .gform_title{display: none;} #section-140-31043 .ct-section-inner-wrap{ background: #fff; margin-top: 70px; width: 820px; border-radius: 4px; } #section-140-31043{padding-bottom: 70px;} #gform_wrapper_48 .gform_required_legend{display:none;} #gform_wrapper_48.gform_wrapper.gravity-theme .gfield_label{ display: inline-block; font-size: 18px; font-weight: 400; margin-bottom: 8px; padding: 0; font-family: 'Roboto'; } #gform_wrapper_48 input{ border-width: 1px; border-color: rgb(202, 202, 202); border-style: solid; border-radius: 4px; background-color: rgb(255, 255, 255); width: 100%; height: 47px; } #gform_wrapper_48 textarea{ border-color: rgb(202, 202, 202); border-style: solid; border-radius: 4px; background-color: rgb(255, 255, 255); width: 100%; height: 137px; } #gform_wrapper_48.gform_wrapper.gravity-theme .gform_footer{justify-content: center;} #gform_wrapper_48 [type=submit]{ border-radius: 4px; background-color: rgb(0, 0, 0); width: 304px !important; height: 70px; text-transform: uppercase; font-family: 'Roboto'; font-size: 24px; background-image: url(https://www.webstix.com/wp-content/uploads/2023/06/send_icon.svg); background-repeat: no-repeat; background-size: 10%; background-position: 65% 50%; display: flex; justify-content: center; padding-right: 50px; } #link_button-11-31043.ct-link-button:before{background-color: #fff;color: #a91a22 !important;} #link_button-11-31043.ct-link-button:hover{color: #a91a22 !important;} #link_button-195-31043:hover{border: 1px solid #333333;} #link_button-136-31043:hover{border: 1px solid #333333;} #link_button-120-31043:hover{color: #ffffff;} #link_button-131-31043:hover{border: 1px solid #333333;} #gform_wrapper_48.gform_wrapper.gravity-theme span{padding-right:0px;} #gform_wrapper_48.gform_wrapper.gravity-theme .gfield_required{ font-size: 18px;padding-left: 0px; } @media (max-width: 767px) { #_header_row-66-31043 .oxy-header-container{width: 100%;} #_header_right-8-31043{margin-top: 30px;} #link_text-10-31043{ text-align: center; margin-bottom: 30px; margin-right: 0px !important; } #link_text-10-31043::before{left: 75px !important;} #link_button-11-31043{margin: 0 auto;width: 60% !important;font-size: 18px!important;height: 50px !important;} #_header-2-31043{ min-height: 600px !important; background-repeat: no-repeat; } #link_button-71-31043{ font-size: 24px !important; width: 100% !important; height: 60px !important; } #link_button-74-31043{ font-size: 24px !important; width: 100% !important; margin-left: 0px !important; height: 60px !important; margin-top: 20px; } #link_button-71-31043::after, #link_button-74-31043::after{right: 15px !important;} #link_button-101-31043{color: #333333 !important;} #div_block-124-31043{display:block !important;} #section-140-31043 .ct-section-inner-wrap{width:90% !important;} #div_block-192-31043{display: block;width: 100%;} #link_button-101-31043, #link_button-120-31043{color: #333333 !important;} #gform_wrapper_48 [type=submit]{ width: 100% !important; height: 70px !important; font-size: 20px; } #gform_wrapper_48.gform_wrapper{margin: 16px 0px !important;} #link_button-101-31043:hover, #link_button-120-31043:hover{color: #fff !important;} #link_button-71-31043:hover:after, #link_button-74-31043:hover:after{left: 87% !important;} #link-5-31043{align-items: center !important;} #_header_row-54-31043{padding-top: 30px !important;} #_header_row-66-31043{padding-top: 25px !important;} #_header_left-224-31043{ display: flex; flex-direction: row-reverse; justify-content: space-between; } #_header_row-3-31043{display:none !important;} #link_text-232-31043{margin-right: 0px !important;} #_header_center-227-31043{margin-top: 30px;} #link_button-234-31043{margin: 0 auto;} #_header-2-31043 #_header_row-223-31043{display:block !important;} #link_text-232-31043::before{ background-image: url(https://www.webstix.com/wp-content/uploads/2023/06/phone-icon.svg); content: ""; height: 29px; width: 17px; display: block; position: absolute; left: -30px; } #link_text-232-31043{position: relative;} } @media screen and (min-width: 768px) and (max-width: 1024px){ #headline-62-31043 br{display:none;} #code_block-41-31043 > div .itembox{ height: 100%; overflow: hidden; position: relative; } #_header_row-66-31043{padding-top: 30px !important;} #_header_row-66-31043 .oxy-header-container{width: 100%;} #link_button-71-31043{ font-size: 24px !important; width: 100% !important; height: 70px !important; } #link_button-74-31043{ font-size: 24px !important; width: 100% !important; margin-left: 0px !important; height: 70px !important; } #section-93-31043 .ct-section-inner-wrap{width: 100% !important;} #section-140-31043 .ct-section-inner-wrap{width: 90% !important;} #div_block-196-31043{align-items: center !important;} #link_button-101-31043, #link_button-120-31043{color: #333333 !important;} } #link_button-11-31043:hover{font-weight: 500;} #link_button-71-31043.ct-link-button:hover:before, #link_button-74-31043.ct-link-button:hover:before, #link_button-11-31043.ct-link-button:hover:before, #link_button-101-31043.ct-link-button:hover:before, #link_button-216-31043.ct-link-button:hover:before, #link_button-136-31043.ct-link-button:hover:before, #link_button-120-31043.ct-link-button:hover:before, #link_button-131-31043.ct-link-button:hover:before{ -webkit-transform: scaleY(0); transform: scaleY(0); } #link_button-71-31043:active, #link_button-71-31043:focus, #link_button-74-31043:active, #link_button-74-31043:focus, #link_button-74-31043.ct-link-button:before, #link_button-71-31043.ct-link-button:before{ background-color: #a51e22; border: 1px solid #a51e22; } #link_button-71-31043, #link_button-74-31043{transition: all 0.5s;position: relative;} #link_button-71-31043:after, #link_button-74-31043:after { position: absolute; opacity: 0; left: 80%; transition: 0.5s; } #link_button-71-31043:hover, #link_button-74-31043:hover { padding-left: 30px; } #link_button-71-31043:hover:after, #link_button-74-31043:hover:after { opacity: 1; left: 90%; } #link_button-195-31043:hover{font-weight: 600;} #link_button-216-31043:hover{ background-color: #333333; border: 1px solid #333333; color: #ffffff; } #link_button-11-31043:hover{color: #fff;} #link_button-11-31043{overflow:hidden;} #link_button-11-31043.ct-link-button:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #ffffff; transform: translateX(-100%); } #link_button-11-31043.ct-link-button:hover:before{transform: translateX(0);} #link_button-101-31043:hover{color: #fff;} #link_button-101-31043.ct-link-button:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #333333; transform: translateX(-100%); } #link_button-101-31043.ct-link-button:hover:before{transform: translateX(0);} #link_button-101-31043{overflow:hidden;} #link_button-136-31043:hover{color: #fff;} #link_button-136-31043{overflow:hidden;} #link_button-136-31043.ct-link-button:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #333333; transform: translateX(-100%); } #link_button-136-31043.ct-link-button:hover:before{transform: translateX(0);} #link_button-120-31043:hover{color: #fff;} #link_button-120-31043{overflow:hidden;} #link_button-120-31043.ct-link-button:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #333333; transform: translateX(-100%); } #link_button-120-31043.ct-link-button:hover:before{transform: translateX(0);} #link_button-131-31043:hover{color: #fff;} #link_button-131-31043{overflow:hidden;} #link_button-131-31043.ct-link-button:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #333333; transform: translateX(-100%); } #link_button-131-31043.ct-link-button:hover:before{transform: translateX(0);} #gform_wrapper_48 [type=submit]:hover{ background-color: #a51e22; border: 1px solid #a51e22; } #link_button-216-31043:hover{color: #fff;} #link_button-216-31043{overflow:hidden;} #link_button-216-31043.ct-link-button:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #333333; transform: translateX(-100%); } #link_button-216-31043.ct-link-button:hover:before{transform: translateX(0);} #link_button-218-31043:hover{color: #fff;} #link_button-218-31043{overflow:hidden;} #link_button-218-31043.ct-link-button:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #333333; transform: translateX(-100%); } #link_button-218-31043.ct-link-button:hover:before{transform: translateX(0);} #gform_wrapper_48.gform_wrapper .gfield_required{margin-left: 2px;} #_header_row-223-31043{display:none !important;} #gform_submit_button_48:hover{color: #fff;} #gform_submit_button_48{overflow:hidden;} #gform_submit_button_48.gform_button:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #a51e22; transform: translateX(-100%); } #gform_submit_button_48.gform_button:hover:before{transform: translateX(0);} .page-id-31561 #_header-2-31565 { background-size: cover; min-height: 100vh; background-position: center center; } .page-id-31561 #link_text-9-31565{ position:relative; } #link_text-9-31565::before { background-image: url(https://www.webstix.com/wp-content/uploads/2023/06/phone-icon.svg); content: ""; height: 29px; width: 17px; display: block; position: absolute; left: -30px; } @media (max-width: 767px){ #image-6-31565{ width: 150px!important; } #link_text-9-31565{ margin-right: 0px!important; } .page-id-31561 .oxy-header-container{ align-items: center; display: flex; justify-content: space-between; } } #gform_wrapper_48 .gform_footer.top_label{ padding-top:45px; } #gform_wrapper_48 .gfield--type-captcha{ display: flex; justify-content: center; } #gform_wrapper_48 .gfield--type-captcha{display:block;} #gform_wrapper_48 #validation_message_48_7.gfield_validation_message{ width: 384px; margin: 15px auto 0 auto; } #gform_wrapper_48 .ginput_recaptcha div{margin: 0 auto;} /*** * Gravity form 49 - SEO Form */ #gform_wrapper_49 { padding: 0 100px 50px 0; } #gform_wrapper_49 .gfield-choice-input { margin-top: 0 !important; } #gform_wrapper_49 ul#input_49_6 { display: flex; flex-wrap: wrap; column-gap: 25px; } label#label_49_6_4 { width: 160px; } input#gform_submit_button_49 { background: #a51720 none repeat scroll 0 0; border: medium; color: #fff; cursor: pointer; padding: 5px 15px; } input#gform_submit_button_49:hover { background: #333; } @media screen and (max-width: 700px) { #gform_wrapper_49 ul#input_49_6 { display: inline-block; } #gform_wrapper_49 { padding: 0; } } /*** WEBSTIX SEO ****/ .page-id-24499 #section-28-20 p{ width: 75%; } .clsFullpara{ width: 100%!important; } .page-id-24499 #div_block-33-20{ display:none; } .page-id-24499 #div_block-32-20{ width: 100%; } .clsSeotopImg{ float: right; width: 45%; margin: 5px 0px 25px 30px!important; } .clsSeoMidImg{ width: 40%; position:relative; top: -50px; } .clsFormHeading{ position: relative; left: 16%; top: 1.3%; width: 60%; font-size: 36px; } #gform_wrapper_49 form{ width: 86%; } #gform_wrapper_49{ background: #eee; width: 85%; padding: 105px 30px 60px 30px; margin: 0px auto 70px; } #gform_wrapper_49 .gform_footer{ text-align:center; } #input_49_10 div{ margin: 0 auto; } .page-id-24499 #inner_content-39-20{ padding: 50px 70px 0px 70px; } @media (max-width:425px){ .page-id-24499 #inner_content-39-20 { padding: 50px 20px 50px 20px!important; } .clsFormHeading { top: 0.9%!important; left: 14%!important; } } /** hide Related posts for proposal **/ .single-proposal .crp_related.crp-rounded-thumbs { display: none !important; } /** hide gravity form submit button: form id 50 **/ #gform_submit_button_50 { display: none!important; } #gform_fields_50 label.gfield_label.gform-field-label { width: 100% !important; } #gform_fields_50 .ginput_container.ginput_container_number { width: 100% !important; } /*#gform_fields_50 .gfield { flex-wrap:unset !important; }*/ #gform_fields_50 .gfield_calculation input, #gform_fields_50 .gfield_calculation input:focus, #gform_fields_50 .gfield_calculation input:focus-visible, #gform_fields_50 .gfield_calculation input:active{ border: 0; outline: none; } div#text_block-22-32036 { width: 100%; } span#span-23-32036 { width: 80% !important; text-align:justify; } /* 10-08-2023 */ #_header-27-32036 #image-30-32036{padding-left: 0;} #_header-27-32036 #text_block-33-32036{margin-right: 0;} #_header-27-32036 .oxy-header-container{padding-right: 0px;padding-left: 0px;} #div_block-17-32036 .ct-headline{margin-bottom: 0px;} #div_block-17-32036 span#span-23-32036 p{width: 100%;} .proposalRelatedPosts.crp_related.crp-rounded-thumbs{display: block !important;} .proposalRelatedPosts.crp_related li{width: auto;} #div_block-17-32036 .ct-image{margin-top: 30px;} #gform_wrapper_50.gform_wrapper.gravity-theme .gfield input.large{border:1px solid #ddd;color: #404040; font-weight: 400;} #gform_fields_50 label.gfield_label.gform-field-label{font-weight: 600;} @media (max-width: 767px) { #section-57-32036 .ct-section-inner-wrap{padding-top:0px !important;} #text_block-64-32036 span#span-65-32036 p{padding:0 20px;} #_header-27-32036 .oxy-header-container{ padding: 0 10px; display: flex; align-items: center; } #section-8-32036, #div_block-17-32036{padding: 20px !important;} #div_block-17-32036 span#span-23-32036{width: 100% !important;} #div_block-17-32036 span#span-23-32036 p{text-align: left !important;} #div_block-17-32036 .ct-headline{margin-bottom: 0;text-align: left;} #div_block-17-32036 .ct-image{margin-top: 30px;} .single-proposal #gform_wrapper_50 #gform_fields_50 label.gfield_label.gform-field-label, .single-proposal #gform_wrapper_50.gform_wrapper.gravity-theme .gfield input.large{width:100% !important;} #gform_wrapper_50 #gform_fields_50 .gfield{flex-wrap: wrap !important;} } @media screen and (min-width: 768px) and (max-width: 1024px){ .single-proposal #gform_wrapper_50 #gform_fields_50 label.gfield_label.gform-field-label, .single-proposal #gform_wrapper_50.gform_wrapper.gravity-theme .gfield input.large{width:100% !important;} #section-8-32036, #div_block-17-32036{padding: 20px !important;} #div_block-17-32036 span#span-23-32036{width: 100% !important;} #div_block-17-32036 span#span-23-32036 p{text-align: left !important;} #div_block-17-32036 .ct-headline{margin-bottom: 0;text-align: left;} #div_block-17-32036 .ct-image{margin-top: 30px;} #_header-27-32036 .oxy-header-container{ padding: 0 10px; } } @media screen and (min-width: 1025px) and (max-width: 1500px){ #section-8-32036{padding: 100px 0px !important;} } #gform_fields_50 .gfield_calculation input, #gform_fields_50 .gfield_calculation input:focus, #gform_fields_50 .gfield_calculation input:focus-visible, #gform_fields_50 .gfield_calculation input:active{border:0 !important;} #gform_wrapper_50 .gform_required_legend .gfield_required{padding: 0 5px;font-size: 18px;} #gform_wrapper_50.gform_wrapper.gravity-theme #gform_50 .gfield_required{font-size: 16px;margin-left: 0px;} /* 11-08-2023 */ .proposalRelatedPosts ul{list-style: none;padding-left: 0;} #_header-27-32036 #image-30-32036{ width: 183px; height: 64px; padding-top: 0 !important; margin-top: 15px !important; padding-bottom: 0px; } #section-57-32036 .ct-section-inner-wrap{ padding-right: 0; padding-left: 0; } .proposalRelatedPosts ul li a{ color: #404040; text-align:left; } .proposalRelatedPosts ul li a:hover{ color: #404040; } #section-57-32036 #image-63-32036{ margin-top: 30px; } #section-57-32036 .ct-headline{margin-bottom: 30px;} #text_block-64-32036 img{ float: right; width: auto; padding: 0 15px 15px 15px; margin: 10px 0 20px 20px !important; } #text_block-64-32036 span#span-65-32036 p{text-align: left;} .nocategory-proposal #div_block-60-32036{ padding-left: 0;padding-right: 0;} .nocategory-proposal #new_columns-58-32036.ct-new-columns{justify-content: left;} .nocategory-proposal #new_columns-58-32036.ct-new-columns #div_block-60-32036{width: 100%;} span#span-65-32036 { width: 100%; } div#text_block-64-32036 { width: 100%; } #input_5_12 { display: flex; } #input_5_12 li { margin: 0 20px 0 0 !important; } #input_5_12 li input { width: auto !important; } @media (max-width: 767px) { .page-id-7528 #inner_content-39-20{ padding: 30px; } #input_5_12 li label { width: auto; } #_header_row-2-20 .oxy-header-right #link_button-8-20 { margin-top: 20px; } #_header_row-2-20 .oxy-header-right div{ width: 50%; margin: 0; text-align: center; } #_header_row-2-7 .oxy-header-right div { margin-right: 0px !important; } #_header_row-2-20 .oxy-header-right { display: flex; flex-wrap: wrap; } #link_button-8-20 { width: 100%; max-width: 300px; } .single-proposal .ct-headline{text-align: center;} } /* 18-08-2023 */ .proposalRelatedPosts li a{ color: #616161; display: block; width: 100%; height: auto; min-height: 32px; padding: 16px 50px 16px 16px; border-right: 2px solid rgba(0, 0, 0, 0.12); text-decoration: none; font-weight: 400; text-decoration: none !important; line-height: 1.5; } .proposalRelatedPosts li a.active{ color: #212121; border-right: 2px solid #212121; opacity: 1; font-weight: 600; } .proposalRelatedPosts li:hover{ background:#f0f0f0; } .proposalRelatedPosts li a:hover { color: #212121; opacity: 1; } /* 22-08-2023 */ #gform_wrapper_50 .first_half{ box-shadow: 0px 0px 25px 0px rgb(206 206 206 / 36%); padding: 50px; margin-right: 50px; } #gform_wrapper_50.gform_wrapper.gravity-theme .second_half .gfield input.large{font-weight: 700;font-size: 36px;line-height:40px;} #gform_wrapper_50.gform_wrapper.gravity-theme .second_half .gfield input#input_50_14.large{color: #a51720;} /*24-08-2023*/ body.single-proposal { line-height: 1.4; font-size: 18px; font-weight: 400; color:#333333; font-family:"Raleway"; } body.single-proposal a { color: #941a20; text-decoration: underline; } body.single-proposal a:hover{ color: #941a20; text-decoration: none !important; } .single-proposal .ct-text-block ul li{padding-bottom: 10px;} #shortcode-67-32036{position: sticky;top: 30px;} .single-proposal .ct-div-block{text-align: left;} /*25-08-2023*/ body.single-proposal #section-71-32036 { display:none; } @media screen and (max-width:767px) { body.single-proposal #section-71-32036 {display:block !important;padding:0 30px 30px 0;} #shortcode-67-32036 { display: none; } } .clsWireframe{display:flex;} .clsLeftwire, .clsRightwire{width:50%;} .clsLeftwire1{width:75%;} .clsRightwire1{width:25%;} #gform_wrapper_51 .gform_required_legend{ display:none !important; } .page-id-32906 #_header-2-31565 { background-size: cover; min-height: 100vh; background-position: center center; } /* 09-28-2023 */ #gform_wrapper_51 textarea { border-color: rgb(202, 202, 202); border-style: solid; border-radius: 4px; background-color: rgb(255, 255, 255); width: 100%; height: 137px; } #gform_wrapper_51 input { border-width: 1px; border-color: rgb(202, 202, 202); border-style: solid; border-radius: 4px; background-color: rgb(255, 255, 255); width: 100%; height: 47px; } #gform_wrapper_51 .gfield--type-captcha { display: block !important; } #gform_wrapper_51 .gfield--type-captcha { display: flex; justify-content: center; } #gform_wrapper_51 [type=submit]:hover { background-color: #a51e22; border: 1px solid #a51e22; } #gform_submit_button_51:hover { color: #fff; } #gform_wrapper_51 [type=submit] { border-radius: 4px; background-color: rgb(0, 0, 0); width: 304px !important; height: 70px; text-transform: uppercase; font-family: 'Roboto'; font-size: 24px; background-image: url(https://www.webstix.com/wp-content/uploads/2023/06/send_icon.svg); background-repeat: no-repeat; background-size: 10%; background-position: 65% 50%; display: flex; justify-content: center; padding-right: 50px; } #gform_wrapper_51.gform_wrapper.gravity-theme .gform_footer { justify-content: center; } #gform_wrapper_51 .ginput_recaptcha div { margin: 0 auto; } #gform_wrapper_51 .gform_footer.top_label { padding-top: 45px; } #gform_wrapper_51 #validation_message_51_7.gfield_validation_message { width: 384px; margin: 15px auto 0 auto; } /* 09-28-2023 */ /* 17-11-2023 */ /* contact us page */ /* .page-id-7528 #gform_wrapper_5{ background: #fbfbfb; padding: 30px 30px 50px 30px; border: 1px solid #d6d6d6; } */ .page-id-7528 hr { margin: 20px 0; border: 0; border-top: 1px solid #eee; border-bottom: 1px solid #fff; } .page-id-7528 #gform_5 #gform_submit_button_5 { width: auto !important; } /* .page-id-7528 #gform_5 .rc-anchor-normal{ width: 210px !important; } */ @media only screen and (max-width:600px){ .page-id-7528 #new_line_con{ margin-top:50px; } /* .page-id-7528 #gform_5 .rc-anchor-normal{ width: 210px !important; } */ } /* 17-11-2023 */ #image-6-7 { margin-top: 10px !important; } @media only screen and (max-width:767px){ #link_text-440-7595 { padding: 0 8px 0px 7px !important; text-align: left !important; margin-right: 0; margin-bottom:5px; } div#_header_right-5-7 { display: flex; flex-wrap: wrap; padding: 5px 5px; justify-content: center; } div#_header_right-5-7 div { padding: 0 7px; } .oxy-header-container { padding: 0 !important; } #link_button-10-7 { margin: 15px auto 0 auto !important; display: block; width: 197px; } div#_rich_text-461-7595 { border-right: 1px solid rgb(255 255 255 / 19%); } div#_header_right-5-7 div:nth-child(2) { border-right: 1px solid rgb(255 255 255 / 19%); } div#_header_right-29-7 { padding: 0 20px; } a#link_text-440-7595 { font-size: 14.5px !important; } .address, .phone, .fax, .email { margin-left: 90px !important; } .style3.address { padding-bottom: 15px; display: flex; align-items: start; justify-content: center; width: 100%; padding: 0 !important; } .style3.address:before { content: url(https://www.webstix.com/wp-content/themes/webstix/images/location-icon.png); padding: 0 10px; } .address { background: none !important; } .style3.address { float: left; width: 100% !important; margin: 0 !important; display: flex; align-items: start; justify-content: left; width: 100%; padding: 0 !important; } .contact-details { width: 100% !important; display: flex; flex-wrap: wrap; justify-content: left; align-items: center; } .contact-details a { display: flex; align-items: center; justify-content: left; width: 90%; } span.phone { margin: 0 !important; /* margin: 0 20px !important; */ padding: 0 !important; background: none !important; } span.phone:before { content: url(https://www.webstix.com/wp-content/themes/webstix/images/phone-icon.png); padding: 0 10px; position: relative; top: 3px; background: none !important; } #section-314-7 { background-color: #f5f5f5; padding-bottom: 30px; } span.fax { margin-right: 0 !important; margin-left: 15px !important; position: relative; top: 2px; } .office-location { overflow: hidden; max-width: 180px; margin: 0 auto; } .office-location .company-location { padding-left: 10px; text-align: left; } div#_header_right-6-20 div:nth-child(3) { border-right: none; } #_header_row-2-20 .oxy-header-right div { width: 30% !important; margin: 0 5px; text-align: center; } div#_rich_text-473-7595 { border-right: 1px solid rgba(255,255,255,19%); } div#_header_right-12-20 { padding: 0 20px; } div#_header_right-5-7 div:nth-child(3) { border-right: none; } div#widget-29-17625{ display:none; } } @media only screen and (min-width:390px) and (max-width:400px){ #link_text-440-7595 { padding: 0 12px 0px 13px !important; text-align: left !important; margin-right: 0; margin-bottom:5px; } .page-id-34140 #link_text-440-7595{padding: 0 8px 0px 7px !important;} } @media only screen and (min-width:413px) and (max-width:420px){ #link_text-440-7595 { padding: 0 20.6px 0px 13px !important; text-align: left !important; margin-right: 0; margin-bottom:5px; } .page-id-34140 #link_text-440-7595{padding: 0 8px 0px 7px !important;} } @media only screen and (min-width:430px) and (max-width:440px){ #link_text-440-7595 { padding: 0 19px 0px 20px !important; text-align: left !important; margin-right: 0; margin-bottom:5px; } .page-id-34140 #link_text-440-7595{padding: 0 8px 0px 7px !important;} } /*paywebstix*/ .single-product .product_meta { display: none; } .single-product .wapf-pricing-hint { display: none; } .single-product .quantity { display: none; } .wapf-field-input input[type="text"], .wapf-field-input input[type="number"], .wapf-field-input input[type="url"], .woocommerce-input-wrapper input { font-size: 14px !important; color: #333; height: 40px; padding: 5px 10px !important; border: 1px solid #bbb; } button.single_add_to_cart_button.button.alt { background: #a51720; font-family: raleway; font-size: 16px; font-weight: 600; height: 45px; margin: 0 !important; border: none; width: auto !important; color: #fff; cursor: pointer; border-radius: 0 !important; } button.single_add_to_cart_button.button.alt:hover { background: #a51720; font-family: raleway; font-size: 16px; font-weight: 600; height: 45px; margin: 0 !important; border: none; width: auto !important; color: #fff; cursor: pointer; border-radius: 0 !important; } .wapf-total.wapf-grand-total.price.amount { color: #404040; } .wapf-field-label { font-weight: 700; } .wapf-pricing-hint { display: none; } .product-quantity { display: none; } .woocommerce-form-coupon-toggle { display: none !important; } .wc-block-components-notice-banner.is-success { display: none; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; font-size: 16px; font-weight: 600; height: 40px; margin: 0 !important; width: auto !important; color: #fff; cursor: pointer; border-radius: 0 !important; } dd.variation-Invoicenumber p { margin-top: 0; } fieldset fieldset { padding: 0.35em 0.75em 0.625em; border: 0; } #place_order, #place_order:hover{ background: #a51720; font-family: raleway; font-size: 16px; font-weight: 600; height: 45px; margin: 0 !important; border: none; width: auto !important; color: #fff; cursor: pointer; border-radius: 0 !important; } .wapf--inner div { display: flex; flex-wrap: wrap; align-items: center; } .wapf-total.wapf-grand-total.price.amount { color: #404040; padding: 0 10px; font-family: 'Source Sans Pro'; font-weight: 700; font-size: 22px; } button.single_add_to_cart_button.button.alt:hover { background: #333333; } .page-id-33575 .woocommerce .col2-set, .woocommerce-page .col2-set { width: 60%; float: left; } .page-id-33575 h3#order_review_heading { width: 40%; float: left; } .page-id-33575 div#order_review { width: 40%; float: left; padding-top: 15px; } button.single_add_to_cart_button.button.alt { padding: 0 40px !important; } button#place_order:hover { background: #333333; } .page-id-33575 .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { float: left; width: 90%; } abbr[title] { text-decoration: none !important; color: #cc0000; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #666060; font-weight: 400; font-size: 14px; position: relative; top: 5px; left: 5px; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 5px; right: 1px; width: 20px; } #inner_content-39-20 { border-top: none !important; } .woocommerce-checkout #payment div.payment_box input.input-text, .woocommerce-checkout #payment div.payment_box textarea { border-color: #c2b9ce; border-top-color: #b5aac3; border: 1px solid #bbb !important; padding: 5px 0; } select#cardtype { width: 100% !important; padding: 5px 0; border: 1px solid #bbb !important; } .woocommerce #payment .form-row select, .woocommerce-page #payment .form-row select { width: 100%; border: 1px solid #bbb !important; padding: 6px 2px; color: #404041; font-size: 14px; margin: 2px 0; } .woocommerce-checkout #payment div.payment_box input.input-text, .woocommerce-checkout #payment div.payment_box textarea { border-color: #c2b9ce; border-top-color: #b5aac3; border: 1px solid #bbb !important; padding: 5px 0; width: 100%; } #payment div.payment_box .form-row { margin: 0 !important; } .woocommerce div.product .product_title { border: none; } .woocommerce-checkout #payment { background: #f3f3f3 !important; } .woocommerce-checkout #payment div.payment_box { background-color: #e6e6e6 !important; } .woocommerce-checkout #payment div.payment_box::before { content: ""; display: block; border: 1em solid #e6e6e6; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; position: absolute; top: -0.75em; left: 0; margin: -1em 0 0 2em; } .wapf-wrapper { margin: 0 !important; } .wapf-product-totals .wapf--inner { margin-bottom: 15px; } body.single-product.postid-33555 h1#headline-37-20 { display: none; } span.asterisk { color: #515151; font-family: 'Source Sans Pro'; font-size: 18px; } p.price { margin-top: 5px; } span.asterisk span { color: #cc0000; } #wapf_33555 .wapf-field-label span::after { content: ":"; position: relative; left: 2px; } #wapf_33755 .wapf-field-label span::after { content: ":"; position: relative; left: 2px; } .wapf--inner span:nth-child(1):after { content: ":"; position: relative; left: 2px; } @media only screen and (max-width:1280px){ #inner_content-39-20 { border-top: none !important; padding: 20px 0; } } @media only screen and (max-width:767px){ #inner_content-39-20 { border-top: none !important; } .page-id-33575 .woocommerce .col2-set, .woocommerce-page .col2-set { width: 100%; float: left; } .page-id-33575 .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { float: left; width: 100%; } .page-id-33575 h3#order_review_heading { width: 100%; float: left; } .page-id-33575 div#order_review { width: 100%; float: left; } #inner_content-39-20 { border-top: none !important; padding-top: 30px !important; padding-right: 0; padding-left: 0; padding-bottom: 0; } .woocommerce form .form-row { padding: 3px; margin: 0 !important; width: 100%; } } /* GA4 form */ .page-id-33592 .gform_wrapper.gravity-theme .gfield_label { font-family:'Raleway' font-size: 14px; font-weight: 500; } .page-id-33592 #gform_wrapper_53 label, { font-family: 'Source Sans Pro', sans-serif; font-size: 16px; font-weight: 600; } .page-id-33592 #gform_wrapper_53 legend, #gform_wrapper_53 .gform_description, #gform_wrapper_53 #gfield_description_53_24{ font-family: 'Source Sans Pro', sans-serif; font-size: 16px; font-weight: 600; } .page-id-33592 #gform_wrapper_53 .gform_heading p.gform_description{ margin-top:20px; font-family: 'Raleway'; font-size: 26px; font-weight:800; } .page-id-33592 #gform_wrapper_53 input[type="text"], .page-id-33592 #gform_wrapper_53 input[type="url"], .page-id-33592 #gform_wrapper_53 input[type="email"]{ width: 65%; } .page-id-33592 label.gfield_label span.gfield_required.gfield_required_text { display: none; } .page-id-33592 label.gfield_label:after { content: "*"; color: #790000; font-size:22px; position:relative; top:6px; } .page-id-33592 fieldset.gfield_contains_required legend span.gfield_required.gfield_required_text { display: none; } .page-id-33592 #input_53_50 input { display: none; } .page-id-33592 fieldset.gfield_contains_required legend:after { content: "*"; color: #790000; font-size:22px; position:relative; top:6px; } .page-id-33592 .ginput_container_textarea textarea#input_53_31 { width: 65%; } .page-id-33592 .ginput_container_textarea textarea#input_53_38 { width: 65%; } .page-id-33592 #gform_submit_button_53 { width: 150px !important; } .page-id-33592 #gform_wrapper_53 input[type="radio"]:checked + label { font-weight: bold; } .page-id-33592 .gfield_contains_required .gfield_description::after { content: ""; color: #790000; font-size:22px; position:relative; top:6px; } a#link-96-17625, a#link-97-17625, a#link-98-17625, a#link-99-17625{ color:#333333; } a#link-96-17625:hover, a#link-97-17625:hover, a#link-98-17625:hover, a#link-99-17625:hover{ color:#941a20; text-decoration:none; } .page-id-33592 .gform_heading .gform_description { font-weight: 800; font-size: 26px; margin-bottom: 0px; } /* Mobile view */ @media only screen and (max-width: 767px) { .oxy-nav-menu-open { width: 100% !important; } .page-id-33592 #gform_wrapper_53 input[type="text"], .page-id-33592 #gform_wrapper_53 input[type="url"], .page-id-33592 #gform_wrapper_53 input[type="email"]{ width: 80%; } .page-id-33592 .ginput_container_textarea textarea#input_53_31 { width: 80%; } .page-id-33592 .ginput_container_textarea textarea#input_53_38 { width: 80%; } .page-id-33592 #code_block-165-17574 h1 { margin-left: 20px; } #asterik_txt{ margin-left:20px; } } body.single-product.postid-33755 h1#headline-37-20 { display: none; } section.related.products { display: none; } .woocommerce-tabs.wc-tabs-wrapper { display: none; } #product-33755 .product_title.entry-title { line-height: normal; } #product-33755 .wapf-radios{ display: flex; flex-wrap: wrap; justify-content: left; } #product-33755 .wapf-checkable.has-pricing{ margin: 0 14px 15px 0; } #product-33755 .wapf-checkable.has-pricing:last-child { margin-right: 0; } #product-33755 .wapf-radios .wapf-input-label { border: #ddd solid 1px; overflow: hidden; background: #fff; padding: 12px 12px; font-size: 14px; display:block; } #product-33755 .wapf-radios .wapf-input-label input { opacity:0; } #product-33755 .wapf-checked .wapf-input-label { background: #3CB64D; color: #fff; border-color: #3CB64D; } .field-65856a29f317f { display:flex; } .field-65856a29f317f .wapf-field-label{ order: 2; } .field-65856a29f317f .wapf-field-input{ order: 1; margin: 0 10px 0 0; } #product-33755 .has-pricing .wapf-label-text { padding-left: 0; } .woocommerce-form.woocommerce-form-login.login input{ font-size: 14px !important; color: #333; height: 40px; padding: 5px 10px !important; border: 1px solid #bbb; } .woocommerce-button.button.woocommerce-form-login__submit,.woocommerce-button.button.woocommerce-form-login__submit:hover{ background: #a51720; font-family: raleway; font-size: 16px; font-weight: 600; height: 45px; margin: 0 !important; border: none; width: auto !important; color: #fff; cursor: pointer; border-radius: 0 !important; } label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme { display: none; } .woocommerce-ResetPassword.lost_reset_password input{ font-size: 14px !important; color: #333; height: 40px; padding: 5px 10px !important; border: 1px solid #bbb; } .woocommerce-ResetPassword .woocommerce-Button.button, .woocommerce-ResetPassword .woocommerce-Button.button:hover{ background: #a51720; font-family: raleway; font-size: 16px; font-weight: 600; height: 45px; margin: 0 !important; border: none; width: auto !important; color: #fff; cursor: pointer; border-radius: 0 !important; } /* .woocommerce-form-login-toggle { display: none !important; } .woocommerce-account-fields { opacity: 0; }*/ .woocommerce-MyAccount-content input, .woocommerce-form-register.register input { font-size: 14px !important; color: #333; height: 40px; padding: 5px 10px !important; border: 1px solid #bbb; } .woocommerce-MyAccount-content .woocommerce-Button.button, .woocommerce-MyAccount-content .woocommerce-Button.button:hover, .woocommerce-button.button.woocommerce-form-register__submit, .woocommerce-button.button.woocommerce-form-register__submit:hover { background: #a51720; font-family: raleway; font-size: 16px; font-weight: 600; height: 45px; margin: 0 !important; border: none; width: auto !important; color: #fff; cursor: pointer; border-radius: 0 !important; } #customer_login { width: auto !important; } #customer_login .u-column1.col-1 { float: left; width: 48%; } li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads { display: none; } p.custom-message { font-weight: bold; } #wapf_33755 abbr.required { display: none; } .ftmerrmessage { color: red; margin: 0; } body.postid-33755 .wapf-field-container { padding: 0 5px 15px 0px !important; } #product-33555 .woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images, #product-33755 .woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images{ display: none; } #product-33555 div.summary.entry-summary{ float: none; width: 50%; clear: none; } #product-33755 div.summary.entry-summary{ float: none; width: 60%; clear: none; } /* Chrome, Safari, Edge, Opera */ #product-33555 input::-webkit-outer-spin-button, #product-33555 input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ #product-33555 input[type=number] { -moz-appearance: textfield; } #wapf_33755 .wapf-field-container { width: 80% !important; } body.postid-33755 #section-28-20 > .ct-section-inner-wrap { padding-top: 30px; } body.postid-33555 #section-28-20 > .ct-section-inner-wrap { padding-top: 30px; } @media screen and (max-width: 1024px) { #product-33555 div.summary.entry-summary, #product-33755 div.summary.entry-summary{ width: 100%; padding: 15px; } #wapf_33755 .wapf-field-container { width: 100% !important; } } nav.woocommerce-MyAccount-navigation { background: #f2f2f2; padding: 0px 0; } nav.woocommerce-MyAccount-navigation ul { list-style: none; padding: 0px 0px; margin: 0; } nav.woocommerce-MyAccount-navigation ul li a { color: #404040; font-size: 20px; text-decoration: none; padding: 10px 15px; display: block; } nav.woocommerce-MyAccount-navigation ul li { margin: 0 !important; border-bottom: 1px solid #e0e0e09e; } nav.woocommerce-MyAccount-navigation ul .is-active { background: #a51720; } .woocommerce-account .woocommerce-MyAccount-navigation { float: left; width: 23%; } .woocommerce-account .woocommerce-MyAccount-content { float: right; width: 73%; } nav.woocommerce-MyAccount-navigation ul .is-active a { color: #fff; } li.woocommerce-MyAccount-navigation-link:hover a { color: #fff; } li.woocommerce-MyAccount-navigation-link:hover { background: #a51720; } @media only screen and (max-width: 768px) { .woocommerce-account .woocommerce-MyAccount-navigation { float: left; width: 100%; margin-bottom: 20px; } .woocommerce-account .woocommerce-MyAccount-content { float: right; width: 100%; } } p.price { font-size: 18px !important; color: #515151 !important; } #inner_content-39-20 img.paywebstix_card { text-align: left; display: block; margin-right: 0; margin-left: 0; width:200px; } #wapf_33555 .wapf-field-container { padding: 0 5px 15px 0px !important; } .price p { margin-top: 5px; } p.cstm-cls-ftm { margin-bottom: 3px; } img.paywebstix_card.ftm { margin-bottom: 10px; } #link-485-7595.oxel_icon_button__container:hover, #link-25-17687.oxel_icon_button__container:hover{background-color: transparent;} @media (max-width: 767px) { #link-485-7595, #link-25-17687{margin: 15px auto 0 auto !important;} div#_header_right-5-7 #link-485-7595 div, div#_header_right-5-7 #link-25-17687 div{padding: 0 7px 0 0 !important;} div#_header_right-5-7 #link-485-7595 div:nth-child(2), div#_header_right-5-7 #link-25-17687 div:nth-child(2){border-right: 0px solid rgb(255 255 255 / 19%);} } @media screen and (min-width: 768px) and (max-width: 1024px){ #_rich_text-461-7595, #_rich_text-473-7595{margin-right: 30px !important;} #link-439-7595 #image-6-7{margin-top: 30px !important;} } #link-485-7595:hover #text_block-487-7595, #link-25-17687:hover #text_block-27-17687{text-decoration:underline;} #gform_wrapper_24.gform_wrapper li input[type="email"]{ font-size: 14px !important; color: #333; height: 40px; padding: 5px 10px !important; border: 1px solid #bbb; } .page-id-7595 #_header_left-337-7.oxy-header-left, .page-id-7595 #code_block-488-34140{width:100%;} .page-id-7595 #headline-34-7{ margin-bottom: 0px; font-size: 29px; color: #ffffff; line-height: 1.5; margin-top: 0 !important; font-weight: 400; padding: 0px 0 0 0 !important; font-family: 'Raleway'; } .page-id-7595 #text_block-35-7{ margin-bottom: 0px; color: #ffffff; font-size: 21px; font-family: 'Raleway'; margin-top: 12px; line-height: 1.4; font-weight: 300; max-width: 480px; } .page-id-7595 #text_block-379-7595{ margin-bottom: 19px; color: #ffffff; font-family: 'Oswald'; margin-top: 18px; font-size: 100px; font-weight: 400; letter-spacing: 8px; line-height: 1.4; max-width: 480px; } .page-id-7595 #span-383-7595, .page-id-7595 #span-389-7595{ background-color: #333; flex-direction: unset; display: inline-block; border-radius: 3px; border-top-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-left-color: #000000; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; padding-left: 8px; margin-right: 0px; padding-top: 0px; padding-bottom: 0px; line-height: 130px; } .page-id-7595 #image-390-7595{width:188px !important;} .page-id-7595 .clsFirst img{height:380px;} .page-id-7595 .clsRight.clsFirst{padding-left:50px;} .page-id-7595 .oxy-header-container{overflow: visible;} .page-id-7595 .oxy-header-row{position: static;} .page-id-7595 #_header-1-7{height: 705px;} @media (max-width: 767px) { .page-id-7595 .clsRight.clsFirst{padding-left:0 !important;} .page-id-7595 .clsLeft{width: 100% !important;} .page-id-7595 .clsRight{width: 100% !important;text-align:center;} .page-id-7595 .clsBannerfull{flex-direction: column-reverse;} .page-id-7595 #headline-34-7{font-size:20px !important;text-align:left!important;} #slideshow > div{ position: relative !important; left: auto !important; right: auto !important; } .clsBannerfull .clsRight img{max-width: 80%;} .page-id-7595 #_header-1-7{height:auto !important;} .clsBannerfull .clsContainerWidth{padding: 15px 20px 25px !important;} .page-id-7595 .clsFirst img{height: auto !important;} .page-id-7595 #_nav_menu-30-7 .oxy-nav-menu-hamburger-wrap{ margin-top: 0; margin-bottom: 0; } .page-id-7595 #fancy_icon-405-7595.formopen{top: 0;} .page-id-7595 #_header_right-29-7{background: rgba(0,0,0,0.4);} .page-id-7595 div#_header_right-5-7{padding: 5px 5px 15px;} .page-id-7595 #link_button-10-7{ width: auto; height: auto; padding: 9px 14px; font-size: 18px; } .page-id-7595 #_header_row-336-7{padding-top: 25px;} .page-id-7595 .clsMidtitle{padding-bottom: 0;} .page-id-7595 .clsBtmtitle{display: none;} .page-id-7595 .clsreadmore{margin-bottom: 30px;} } @media screen and (min-width: 768px) and (max-width: 1024px) { .page-id-7595 #text_block-379-7595{font-size:50px!important;} .page-id-7595 #span-383-7595, .page-id-7595 #span-389-7595{line-height:60px !important;} #div_block-33-7{width:100% !important;} } #slideshow { margin: 0px auto; position: relative; width: 100%; padding: 0px; } #slideshow > div { position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; } .clsLeft{width: 55%;} .clsRight{width: 45%;} .clsBannerfull{display: flex;} .clsToptitle, .clsMidtitle, .clsBtmtitle{color:#ffffff;} @media(max-width:767px){ #shortcode-470-7595 { width: 100% !important; } #shortcode-470-7595 .clsHeroImage { background-size: 300px !important; background-position: top center; height: auto !important; padding: 0; } #shortcode-470-7595 .Bannercontainer { position: static; } #shortcode-470-7595 .Bannercontainer { position: static; transform: none; padding: 0 20px !important; padding-top: 0px; width: 100% !important; padding-top: 260px !important; } #shortcode-470-7595 .clsHeroImage .Bannercontainer > p { margin: 0; } .page-id-7595 #_header_right-339-7 .searchform{top: 0;display:flex;width:100% !important;justify-content:center;} .page-id-7595 #_header_right-339-7 .searchform #s{width: 70% !important;} .page-id-7595 #link-485-7595{margin: 15px auto 0 15px !important;} .page-id-7595 #link_button-10-7{margin: 15px 15px 0 auto !important;} .page-id-7595 div#_header_right-5-7{justify-content: space-between;} #link_button-8-20{ width: auto !important; height: auto !important; padding: 9px 14px !important; font-size: 18px !important; } #_header_row-2-20 .oxy-header-right div#text_block-27-17687, #_header_row-2-20 .oxy-header-right div#fancy_icon-26-17687{width: auto !important;} } @media screen and (min-width: 320px) and (max-width: 357px) { .page-id-7595 #link-485-7595{margin: 0 25px 0 15px !important;position:relative;top:-10px;} .page-id-7595 #_rich_text-461-7595, .page-id-7595 #_rich_text-473-7595{margin-bottom: 15px;} .page-id-7595 div#_header_right-5-7 div:nth-child(3){border-right: 1px solid rgb(255 255 255 / 19%) !important;} div#_header_right-5-7 div:nth-child(2){border-right: none !important;} .page-id-7595 #_header_right-339-7 .searchform{top: 0 !important;} .page-id-7595 #link_button-10-7{margin: 15px auto 0 auto !important;} .page-id-7595 div#_header_right-5-7{justify-content: center;} .page-id-7595 #_header_right-339-7 .searchform{top: 0;width: 300px;} .page-id-7595 #_header_right-339-7 .searchform #s{width: 200px;} } /* seo draft page starts here*/ .page-id-34602 .card-container { display: flex; flex-wrap: wrap; justify-content: space-between; } .page-id-34602 .card { width: 32%; margin-bottom: 20px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: 3px; overflow: hidden; position: relative; padding-bottom:20px; } .page-id-34602 table { width: 100%; border-collapse: collapse; } .page-id-34602 td { text-align: left; padding: 18px; } .page-id-34602 #th_1 { background-color: rgba(31,143,193,255); } .page-id-34602 #th_2 { background-color: rgba(247,117,37,255); } .page-id-34602 #th_3 { background-color: rgba(99,64,104,255); } .page-id-34602 b { margin-right:5px; } .page-id-34602 th { color:white; padding:20px; font-size: 22px; } .page-id-34602 th p.head { color:white; font-size: 16px; margin-top:-25px; } .page-id-34602 tr:nth-child(even) td { background-color:#f2f2f2; } @media (max-width: 700px) { .page-id-34602 .card { width: 100%; } } .page-id-34602 a#btn_get { padding: 10px; border: 2px solid black; color:black; text-decoration: none; display: block; width: 20%; margin-top:10px; text-align: center; } .page-id-34602 a#btn_get:hover { background-color: black; color: #ffffff; text-align: center; } @media only screen and (max-width:1000px){ .page-id-34602 a#btn_get{ width: 40%; } } .page-id-34602 a#btn_get1 { padding: 6% 12%; border: 2px solid #941a20; color: #941a20; text-decoration: none; display: block; width: 90%; text-align: center; margin:15px auto; } .page-id-34602 a#btn_get1:hover { padding: 6% 12%; background-color: #941a20; color: #ffffff; text-align: center; } .page-id-34602 a#btn_get2 { padding: 6% 14%; border: 2px solid #941a20; color: #941a20; text-decoration: none; display: block; width: 90%; text-align: center; margin:15px auto; } .page-id-34602 a#btn_get2:hover { padding: 6% 12%; background-color: #941a20; color: #ffffff; text-align: center; } .page-id-34602 a#btn_get3 { padding: 6% 12%; border: 2px solid #941a20; color: #941a20; text-decoration: none; display: block; width: 90%; text-align: center; margin:15px auto; } .page-id-34602 a#btn_get3:hover { padding: 6% 12%; background-color: #941a20; color: #ffffff; text-align: center; } .page-id-34602 div.clr_bg{ position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; } .page-id-34602 #div_block-33-20 { display: none; } .page-id-34602 #div_block-32-20{ width:100% !important; } #link-485-7595:hover #code_block-490-7595{text-decoration: underline;} /* seo draft page ends here*/ /* seo page starts here*/ /* .page-id-24499 .card-container { display: flex; flex-wrap: wrap; justify-content: space-between; } .page-id-24499 .card { width: 32%; margin-bottom: 20px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: 3px; overflow: hidden; position: relative; padding-bottom:20px; } .page-id-24499 table { width: 100%; border-collapse: collapse; } .page-id-24499 td { text-align: left; padding: 18px; } .page-id-24499 #th_1 { background-color: rgba(31,143,193,255); } .page-id-24499 #th_2 { background-color: rgba(247,117,37,255); } .page-id-24499 #th_3 { background-color: rgba(99,64,104,255); } .page-id-24499 b { margin-right:5px; } .page-id-24499 th { color:white; padding:20px; font-size: 22px; } .page-id-24499 th p.head { color:white; font-size: 16px; margin-top:-25px; } .page-id-24499 tr:nth-child(even) td { background-color:#f2f2f2; } @media (max-width: 700px) { .page-id-24499 .card { width: 100%; } } .page-id-24499 a#btn_get { padding: 10px; border: 2px solid black; color:black; text-decoration: none; display: block; width: 20%; margin-top:10px; text-align: center; } .page-id-24499 a#btn_get:hover { background-color: black; color: #ffffff; text-align: center; } @media only screen and (max-width:1000px){ .page-id-24499 a#btn_get{ width: 40%; } } .page-id-24499 a#btn_get1 { padding: 6% 12%; border: 2px solid #941a20; color: #941a20; text-decoration: none; display: block; width: 90%; text-align: center; margin:15px auto; } .page-id-24499 a#btn_get1:hover { padding: 6% 12%; background-color: #941a20; color: #ffffff; text-align: center; } .page-id-24499 a#btn_get2 { padding: 6% 14%; border: 2px solid #941a20; color: #941a20; text-decoration: none; display: block; width: 90%; text-align: center; margin:15px auto; } .page-id-24499 a#btn_get2:hover { padding: 6% 12%; background-color: #941a20; color: #ffffff; text-align: center; } .page-id-24499 a#btn_get3 { padding: 6% 12%; border: 2px solid #941a20; color: #941a20; text-decoration: none; display: block; width: 90%; text-align: center; margin:15px auto; } .page-id-24499 a#btn_get3:hover { padding: 6% 12%; background-color: #941a20; color: #ffffff; text-align: center; } .page-id-24499 div.clr_bg{ position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; } */ /* seo page ends here*/ #cc-form .form-row:last-child { width: 100% !important; } .category-548 #section-28-20 #div_block-32-20 div#inner_content-39-20 { display: none; } @media (max-width: 1280px) { #_nav_menu-30-7.oxy-nav-menu-open .oxy-nav-menu-hamburger .oxy-nav-menu-hamburger-line:first-child{ top: 19px !important; } .oxy-nav-menu.oxy-nav-menu-open{ background-color:#404040 !important; } li#menu-item-9476 ul.sub-menu,li#menu-item-7700 ul.sub-menu,li#menu-item-12789 ul.sub-menu{ display:none; } /* #menu-item-9476{ width:fit-content; } */ /* .oxy-nav-menu.oxy-nav-menu-open > div:last-child{ width: fit-content; margin: auto; } */ .menu-primary-menu-container ul li { align-items: start; } /* nav#_nav_menu-30-7{ width:35%; } */ .menu-primary-menu-container ul li:after { /*content: ''; */ /* border-bottom: 1px solid white; width: -webkit-fill-available; */ } .menu-primary-menu-container{ transition: 0.5s; } .menu-primary-menu-container ul li{ border-bottom: 1px solid white; } .menu-primary-menu-container ul li ul li:last-child::after { border-bottom: none !important; } .icon { font-size: 10px; padding-right: 5px; } .fa { transition: transform .2s; } .fa.active { transform: rotateZ(90deg); } /* .DownArrow:after { content:"\25B2"; position: absolute; color: white; right: 15%; font-size:22px; text-align-last: end; font-weight: 700; } .RightArrow:after { content: "\25BC"; position: absolute; color: white; right: 15%; font-size:22px; text-align-last: end; font-weight: 700;} } */ nav ul li.menu-item-has-children i.mobile-arrows{ position: absolute; top: 12px; right: 0; color: aliceblue; width: 100%; padding: 10px; /* border-left: 1px solid #fff; */ margin: 0; cursor: pointer; display: block; text-align: end; } nav a { color: #ccc; display: block; font-size: 16px; padding: 10px; padding-right: 0; border-bottom: 1px solid #2D2D2D; } nav a:hover { background: #111; color: #FFF; } nav ul ul ul a { font-size: 12px; padding-left: 40px } nav ul ul ul a { padding-left: 50px } nav ul ul ul ul a { padding-left: 60px } nav li.menu-item-home a:before { } /* nav .mobile-arrows { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } nav .mobile-arrows.is-open { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } */ ul.sub-menu{ width: -webkit-fill-available !important; } li#menu-item-9476 i.mobile-arrows,li#menu-item-7700 i.mobile-arrows,li#menu-item-12789 i.mobile-arrows { padding: 10px !important; top: 0 !important; } #_nav_menu-13-20.oxy-nav-menu-open .oxy-nav-menu-hamburger .oxy-nav-menu-hamburger-line:last-child{ top: -17px !important; } #_nav_menu-13-20 .oxy-nav-menu-hamburger-line { height: 2px !important; } #_nav_menu-13-20 .oxy-nav-menu-hamburger { width: 35px !important; height: 25px !important; } ul.sub-menu li a { padding-left: 30px !important; } .sub-menu li ul.sub-menu li a { padding-left: 40px !important; } } @media(min-width:1280px){ ul.sub-menu { display: block !important; } i.mobile-arrows { display: none !important; } } /* @media(max-width:767px){ ul.sub-menu { display: block !important; } i.mobile-arrows { display: none !important; } } */ /* .fa-chevron-up:before { content: "\f078" !important; } */ .current_page_item{ border-top:none !important; top: 0px !important; } @media (max-width: 1280px) { .oxy-nav-menu.oxy-nav-menu-open .oxy-nav-menu-list .menu-item a{ justify-content: left !important; width:100% !important; } } @media (min-width:768px)and (max-width: 1280px) { .page-id-7595 .oxy-menu-toggle{ top:20%; } .page-id-7595 div#_search_form-408-7595 form #searchform { position:absolute !important; top: -25px !important; right: 50px !important; } .page-id-7595 div#fancy_icon-405-7595{ top: 90px !important; right: 30px; } .oxy-nav-menu-open { width: 40% !important; } .page-id-7595 #slideshow{ margin:70px auto !important; } #_nav_menu-30-7 .oxy-nav-menu-hamburger-line{ height: 2px !important; } #fancy_icon-405-7595 { width: 30px !important; height: 20px !important; } #fancy_icon-405-7595>svg { width: 46px !important; height: 30px !important; } #_nav_menu-30-7 .oxy-nav-menu-hamburger{ height:25px !important } .page-id-7595 div#_header_right-5-7 a#link_button-10-7, .page-id-7595 div#_header_right-5-7 a#link-485-7595 { position: absolute; } .page-id-7595 div#_header_right-5-7 a#link-485-7595{ top: 62px; right: 250px; } .page-id-7595 div#_header_right-5-7 a#link_button-10-7{ top: 62px; right: 38px; } div#_rich_text-461-7595{ position: absolute; top: 0; left: 0; width: 100%; margin: 0; padding: 10px 24px; background: #383838; } div#_rich_text-461-7595 a,div#_rich_text-473-7595 p a,div#_rich_text-473-7595 p a{ color: #fff; display: flex; font-size: 15px; } div#_rich_text-473-7595:nth-child(2){ position: absolute; top: 0; width: 54%; padding: 10px 24px; margin: 0; } div#_rich_text-473-7595:nth-child(3){ position: absolute; top: 0; right:-30px; width: 20%; padding: 10px 0px; margin: 0; } .oxy-header-container{ margin-top: 20px; } .oxy-menu-toggle{ position: absolute; left: 3%; top: 65%; } header#_header-1-20{ min-height: 200px; } #fancy_icon-149-17574{ top: 50px !important; right: 30px; } div#_header_right-6-20 #link-25-17687, div#_header_right-6-20 #link_button-8-20 { position: absolute; } div#_header_right-6-20 #link-25-17687{ top: 62px; right: 250px; } div#_header_right-6-20 #link_button-8-20{ top: 62px; right: 38px; } .oxy-nav-menu-open .oxy-menu-toggle { position: unset !important; } div#_search_form-408-7595 form#searchform{ top: -17px; right: 75px; } #fancy_icon-149-17574>svg { width: 28px !important; height: 28px !important; } .oxy-search-form.formshow form#searchform{ top: -5px !important; right: 75px !important; } .oxy-nav-menu-hamburger-wrap:before { content: 'Menu'; position: absolute; right: -50px; color: white; } .oxy-nav-menu-open .oxy-nav-menu-hamburger-wrap:before{ right:-68px !important; } .oxy-nav-menu.oxy-nav-menu-open .oxy-nav-menu-list .menu-item a{ justify-content: left !important; width:100% !important; } #_header-1-20 form#searchform { width:400px !important; } } </style>  <style> /* Cached: December 1, 2024 at 6:23pm */ /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOiCnqEu92Fr1Mu51QrEz0dL_nz.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOiCnqEu92Fr1Mu51QrEzQdL_nz.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOiCnqEu92Fr1Mu51QrEzwdL_nz.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOiCnqEu92Fr1Mu51QrEzMdL_nz.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOiCnqEu92Fr1Mu51QrEz8dL_nz.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOiCnqEu92Fr1Mu51QrEz4dL_nz.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOiCnqEu92Fr1Mu51QrEzAdLw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOjCnqEu92Fr1Mu51TjASc3CsTKlA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOjCnqEu92Fr1Mu51TjASc-CsTKlA.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOjCnqEu92Fr1Mu51TjASc2CsTKlA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOjCnqEu92Fr1Mu51TjASc5CsTKlA.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOjCnqEu92Fr1Mu51TjASc1CsTKlA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOjCnqEu92Fr1Mu51TjASc0CsTKlA.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOjCnqEu92Fr1Mu51TjASc6CsQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1Mu51xFIzIFKw.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1Mu51xMIzIFKw.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1Mu51xEIzIFKw.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1Mu51xLIzIFKw.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1Mu51xHIzIFKw.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1Mu51xGIzIFKw.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1Mu51xIIzI.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOjCnqEu92Fr1Mu51S7ACc3CsTKlA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOjCnqEu92Fr1Mu51S7ACc-CsTKlA.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOjCnqEu92Fr1Mu51S7ACc2CsTKlA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOjCnqEu92Fr1Mu51S7ACc5CsTKlA.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOjCnqEu92Fr1Mu51S7ACc1CsTKlA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOjCnqEu92Fr1Mu51S7ACc0CsTKlA.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOjCnqEu92Fr1Mu51S7ACc6CsQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOjCnqEu92Fr1Mu51TzBic3CsTKlA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOjCnqEu92Fr1Mu51TzBic-CsTKlA.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOjCnqEu92Fr1Mu51TzBic2CsTKlA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOjCnqEu92Fr1Mu51TzBic5CsTKlA.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOjCnqEu92Fr1Mu51TzBic1CsTKlA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOjCnqEu92Fr1Mu51TzBic0CsTKlA.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOjCnqEu92Fr1Mu51TzBic6CsQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOjCnqEu92Fr1Mu51TLBCc3CsTKlA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOjCnqEu92Fr1Mu51TLBCc-CsTKlA.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOjCnqEu92Fr1Mu51TLBCc2CsTKlA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOjCnqEu92Fr1Mu51TLBCc5CsTKlA.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOjCnqEu92Fr1Mu51TLBCc1CsTKlA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOjCnqEu92Fr1Mu51TLBCc0CsTKlA.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOjCnqEu92Fr1Mu51TLBCc6CsQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1MmgVxFIzIFKw.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1MmgVxMIzIFKw.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1MmgVxEIzIFKw.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1MmgVxLIzIFKw.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1MmgVxHIzIFKw.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1MmgVxGIzIFKw.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1MmgVxIIzI.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmYUtfCRc4EsA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmYUtfABc4EsA.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmYUtfCBc4EsA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmYUtfBxc4EsA.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmYUtfCxc4EsA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmYUtfChc4EsA.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmYUtfBBc4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } </style>  <link rel='stylesheet' id='oxygen-cache-17626-css' href='//www.webstix.com/wp-content/uploads/oxygen/css/17626.css?cache=1728884142&ver=67edd96554f4d0616b70f5d944f27c91' type='text/css' media='all' /> <link rel='stylesheet' id='oxygen-cache-17625-css' href='//www.webstix.com/wp-content/uploads/oxygen/css/17625.css?cache=1728884143&ver=67edd96554f4d0616b70f5d944f27c91' type='text/css' media='all' /> <link rel='stylesheet' id='oxygen-cache-17624-css' href='//www.webstix.com/wp-content/uploads/oxygen/css/17624.css?cache=1728884144&ver=67edd96554f4d0616b70f5d944f27c91' type='text/css' media='all' /> <link rel='stylesheet' id='oxygen-cache-17630-css' href='//www.webstix.com/wp-content/uploads/oxygen/css/17630.css?cache=1728884140&ver=67edd96554f4d0616b70f5d944f27c91' type='text/css' media='all' /> <link rel='stylesheet' id='oxygen-cache-33165-css' href='//www.webstix.com/wp-content/uploads/oxygen/css/33165.css?cache=1728884082&ver=67edd96554f4d0616b70f5d944f27c91' type='text/css' media='all' /> <link rel='stylesheet' id='oxygen-cache-32319-css' href='//www.webstix.com/wp-content/uploads/oxygen/css/32319.css?cache=1728884086&ver=67edd96554f4d0616b70f5d944f27c91' type='text/css' media='all' /> <link rel='stylesheet' id='oxygen-cache-32317-css' href='//www.webstix.com/wp-content/uploads/oxygen/css/32317.css?cache=1728884087&ver=67edd96554f4d0616b70f5d944f27c91' type='text/css' media='all' /> <link rel='stylesheet' id='oxygen-cache-17687-css' href='//www.webstix.com/wp-content/uploads/oxygen/css/17687.css?cache=1728884137&ver=67edd96554f4d0616b70f5d944f27c91' type='text/css' media='all' /> <link rel='stylesheet' id='oxygen-cache-17574-css' href='//www.webstix.com/wp-content/uploads/oxygen/css/17574.css?cache=1728884154&ver=67edd96554f4d0616b70f5d944f27c91' type='text/css' media='all' /> <link rel='stylesheet' id='oxygen-universal-styles-css' href='//www.webstix.com/wp-content/uploads/oxygen/css/universal.css?cache=1732254169&ver=67edd96554f4d0616b70f5d944f27c91' type='text/css' media='all' />  </head> <body data-rsssl=1 class="post-template-default single single-post postid-27633 single-format-standard wp-embed-responsive theme-oxygen-is-not-a-theme oxygen-body woocommerce-no-js" >  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MQGWFF" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <header id="_header-1-20" class="oxy-header-wrapper oxy-overlay-header oxy-header" ><div id="_header_row-2-20" class="oxy-header-row" ><div class="oxy-header-container"><div id="_header_left-3-20" class="oxy-header-left" ><a id="link-142-17574" class="ct-link" href="https://www.webstix.com/" target="_self" data-wpel-link="internal"><img id="image-4-20" alt="Webstix" src="https://www.webstix.com/wp-content/uploads/2021/06/webstix_logo.svg.svg" class="ct-image"/></a></div><div id="_header_center-5-20" class="oxy-header-center" ></div><div id="_header_right-6-20" class="oxy-header-right" ><div id="_rich_text-461-7595" class="oxy-rich-text" ><a id="link_text-440-7595" class="ct-link-text" href="tel:608-277-7849" style="color:#fff" target="_self" data-wpel-link="internal">Wisconsin:<br><strong>608-277-7849</strong></a></div><div id="_rich_text-473-7595" class="oxy-rich-text" ><p><a id="link_text-440-7595" class="ct-link-text" style="color: #fff;" href="tel:574-247-4343" target="_self" data-wpel-link="internal">Michigan:<br /> <strong>269-925-1123</strong></a></p></div><div id="_rich_text-473-7595" class="oxy-rich-text" ><p><a id="link_text-440-7595" class="ct-link-text" style="color: #fff;" href="tel:574-247-4343" target="_self" data-wpel-link="internal">Indiana:<br /> <strong>574-247-4343</strong></a></p></div><a id="link-25-17687" class="ct-link oxel_icon_button__container" href="https://www.webstix.com/my-account/" target="_self" role="button" data-wpel-link="internal"><div id="fancy_icon-26-17687" class="ct-fancy-icon oxel_icon_button_icon" ><svg id="svg-fancy_icon-26-17687"><use xlink:href="#FontAwesomeicon-user-o"></use></svg></div><div id="text_block-27-17687" class="ct-text-block oxel_icon_button_text" >Sign In</div></a><a id="link_button-8-20" class="ct-link-button" href="https://www.webstix.com/contact-us/" target="_self" data-wpel-link="internal">Get Started</a></div></div></div><div id="_header_row-9-20" class="oxy-header-row" ><div class="oxy-header-container"><div id="_header_left-10-20" class="oxy-header-left" ></div><div id="_header_center-11-20" class="oxy-header-center" ></div><div id="_header_right-12-20" class="oxy-header-right" ><nav id="_nav_menu-13-20" class="oxy-nav-menu oxy-nav-menu-dropdowns oxy-nav-menu-dropdown-arrow oxy-nav-menu-responsive-dropdowns" ><div class='oxy-menu-toggle'><div class='oxy-nav-menu-hamburger-wrap'><div class='oxy-nav-menu-hamburger'><div class='oxy-nav-menu-hamburger-line'></div><div class='oxy-nav-menu-hamburger-line'></div><div class='oxy-nav-menu-hamburger-line'></div></div></div></div><div class="menu-primary-menu-container"><ul id="menu-primary-menu" class="oxy-nav-menu-list"><li id="menu-item-7657" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-7657"><a href="https://www.webstix.com/" data-wpel-link="internal">HOME</a></li> <li id="menu-item-7683" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-7683"><a href="https://www.webstix.com/about-us/" data-wpel-link="internal">ABOUT US</a> <ul class="sub-menu"> <li id="menu-item-8295" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8295"><a href="https://www.webstix.com/about-us/" data-wpel-link="internal">About Webstix</a></li> <li id="menu-item-7688" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7688"><a href="https://www.webstix.com/about-us/history/" data-wpel-link="internal">History</a></li> <li id="menu-item-9713" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9713"><a href="https://www.webstix.com/about-us/webstix-advantage/" data-wpel-link="internal">Advantages</a></li> <li id="menu-item-10287" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10287"><a href="https://www.webstix.com/about-us/testimonials/" data-wpel-link="internal">Testimonials</a></li> <li id="menu-item-9710" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-9710"><a href="https://www.webstix.com/the-webstix-blog/" data-wpel-link="internal">Webstix Blog</a></li> <li id="menu-item-7691" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7691"><a href="https://www.webstix.com/about-us/giving-back/" data-wpel-link="internal">Giving Back</a></li> <li id="menu-item-7692" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7692"><a href="https://www.webstix.com/about-us/links/" data-wpel-link="internal">Resource Links</a></li> <li id="menu-item-9470" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9470"><a href="https://www.webstix.com/about-us/map/" data-wpel-link="internal">Map to Webstix</a></li> </ul> </li> <li id="menu-item-26125" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-26125"><a href="https://www.webstix.com/seo/" data-wpel-link="internal">Marketing/SEO</a> <ul class="sub-menu"> <li id="menu-item-25855" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-25855"><a href="https://www.webstix.com/seo/" data-wpel-link="internal">SEO Services</a></li> <li id="menu-item-9476" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-9476"><a href="https://www.webstix.com/seo/website-marketing/" data-wpel-link="internal">Website Marketing</a> <ul class="sub-menu"> <li id="menu-item-7697" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7697"><a href="https://www.webstix.com/seo/copywriting/" data-wpel-link="internal">Web Copywriting Services</a></li> <li id="menu-item-11573" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11573"><a href="https://www.webstix.com/seo/website-marketing/press-release-distribution/" data-wpel-link="internal">Press Releases Distribution</a></li> </ul> </li> <li id="menu-item-12770" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12770"><a href="https://www.webstix.com/seo/website-analytics/" data-wpel-link="internal">Website Analytics</a></li> <li id="menu-item-15457" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15457"><a href="https://www.webstix.com/seo/free-business-listings-scan/" data-wpel-link="internal">Business Listings Scan</a></li> <li id="menu-item-8356" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8356"><a href="https://www.webstix.com/seo/reputation-management/" data-wpel-link="internal">Online Reputation Management</a></li> <li id="menu-item-11295" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11295"><a href="https://www.webstix.com/seo/lead-generation/" data-wpel-link="internal">Lead Generation Services</a></li> <li id="menu-item-7698" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7698"><a href="https://www.webstix.com/seo/pay-per-click/" data-wpel-link="internal">Pay Per Click Services</a></li> <li id="menu-item-12020" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12020"><a href="https://www.webstix.com/seo/voice-search-optimization/" data-wpel-link="internal">Voice Search Optimization</a></li> </ul> </li> <li id="menu-item-7659" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-7659"><a href="https://www.webstix.com/web-design/" data-wpel-link="internal">WEB DESIGN</a> <ul class="sub-menu"> <li id="menu-item-8297" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8297"><a href="https://www.webstix.com/web-design/" data-wpel-link="internal">Web Design</a></li> <li id="menu-item-9798" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9798"><a href="https://www.webstix.com/web-design/process/" data-wpel-link="internal">Our Process</a></li> <li id="menu-item-9723" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9723"><a href="https://www.webstix.com/web-design/responsive/" data-wpel-link="internal">Responsive Web Design</a></li> <li id="menu-item-11229" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11229"><a href="https://www.webstix.com/web-design/ecommerce/" data-wpel-link="internal">E-Commerce Web Design</a></li> <li id="menu-item-11225" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11225"><a href="https://www.webstix.com/web-design/credit-card-payment-donation/" data-wpel-link="internal">Online Payment Pages</a></li> <li id="menu-item-7705" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7705"><a target="_blank" href="https://www.webstix.com/website-maintenance/" data-wpel-link="internal">Website Maintenance</a></li> <li id="menu-item-7700" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-7700"><a href="https://www.webstix.com/web-design/industrial-web-design/" data-wpel-link="internal">Industrial / Manufacturing</a> <ul class="sub-menu"> <li id="menu-item-12761" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12761"><a href="https://www.webstix.com/web-design/industrial-web-design/crm-integration/" data-wpel-link="internal">CRM Integration</a></li> <li id="menu-item-12757" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12757"><a href="https://www.webstix.com/web-design/industrial-web-design/sugar-crm-suitecrm-set-integration/" data-wpel-link="internal">Sugar CRM Integration</a></li> <li id="menu-item-12758" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12758"><a href="https://www.webstix.com/web-design/industrial-web-design/salesforce-integration/" data-wpel-link="internal">Salesforce Integration</a></li> <li id="menu-item-12760" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12760"><a href="https://www.webstix.com/web-design/industrial-web-design/hubspot-integration/" data-wpel-link="internal">HubSpot Integration</a></li> <li id="menu-item-12759" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12759"><a href="https://www.webstix.com/web-design/industrial-web-design/ms-dynamics-ax-integration/" data-wpel-link="internal">MS Dynamics AX Integration</a></li> </ul> </li> <li id="menu-item-11256" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11256"><a href="https://www.webstix.com/web-design/ada-compliance/" data-wpel-link="internal">ADA Compliance Web Design</a></li> <li id="menu-item-12099" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12099"><a href="https://www.webstix.com/web-design/wordpress-website-design/" data-wpel-link="internal">WordPress Web Design</a></li> <li id="menu-item-12740" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12740"><a href="https://www.webstix.com/web-design/mobile-app-development-2/" data-wpel-link="internal">Mobile App Development</a></li> </ul> </li> <li id="menu-item-11447" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-11447"><a href="https://www.webstix.com/services/" data-wpel-link="internal">SERVICES</a> <ul class="sub-menu"> <li id="menu-item-13424" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13424"><a href="https://www.webstix.com/services/infographic-designer/" data-wpel-link="internal">Infographic Design</a></li> <li id="menu-item-9471" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9471"><a href="https://www.webstix.com/services/logo-design/" data-wpel-link="internal">Logo Design</a></li> <li id="menu-item-8213" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8213"><a href="https://www.webstix.com/services/website-financing/" data-wpel-link="internal">Website Financing</a></li> <li id="menu-item-11192" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11192"><a href="https://www.webstix.com/services/secure-wordpress/" data-wpel-link="internal">Website Hardening</a></li> <li id="menu-item-10494" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10494"><a href="https://www.webstix.com/services/website-hosting/" data-wpel-link="internal">Website Hosting</a></li> <li id="menu-item-21444" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-21444"><a href="https://www.webstix.com/services/website-speed-optimization-service/" data-wpel-link="internal">Website Speed Optimization Service</a></li> <li id="menu-item-12342" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12342"><a href="https://www.webstix.com/services/wordpress-plugin-development/" data-wpel-link="internal">WordPress Plugin Development</a></li> <li id="menu-item-12789" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-12789"><a href="https://www.webstix.com/services/systems-integration/shipping/" data-wpel-link="internal">Shipping Systems Integration</a> <ul class="sub-menu"> <li id="menu-item-12787" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12787"><a href="https://www.webstix.com/services/systems-integration/shipping/ups-fedex-usps/" data-wpel-link="internal">UPS/FedEx/USPS Real Time Shipping</a></li> <li id="menu-item-12788" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12788"><a href="https://www.webstix.com/services/systems-integration/shipping/ltl-freight/" data-wpel-link="internal">LTL Real Time Freight Quotes</a></li> </ul> </li> <li id="menu-item-9954" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9954"><a href="https://www.webstix.com/services/domain-names/" data-wpel-link="internal">Domain Registration</a></li> <li id="menu-item-9729" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9729"><a href="https://www.webstix.com/services/agency-work-and-retainers/" data-wpel-link="internal">Agency Work</a></li> <li id="menu-item-10275" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10275"><a href="https://www.webstix.com/services/sell-your-business/" data-wpel-link="internal">Sell Your Business</a></li> <li id="menu-item-9958" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9958"><a href="https://www.webstix.com/services/free-analysis/" data-wpel-link="internal">Free Website Analysis</a></li> <li id="menu-item-9959" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9959"><a href="https://www.webstix.com/services/e-book-download-increasing-web-traffic/" data-wpel-link="internal">Free E-Book</a></li> </ul> </li> <li id="menu-item-9726" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9726"><a href="https://www.webstix.com/portfolio/" data-wpel-link="internal">PORTFOLIO</a></li> <li id="menu-item-10401" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-10401"><a href="https://www.webstix.com/support/" data-wpel-link="internal">SUPPORT</a> <ul class="sub-menu"> <li id="menu-item-10220" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10220"><a href="https://www.webstix.com/support/" data-wpel-link="internal">Webstix Support</a></li> <li id="menu-item-11263" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11263"><a href="https://www.webstix.com/support/website-maintenance-services/" data-wpel-link="internal">Website Maintenance</a></li> <li id="menu-item-12117" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-12117"><a href="https://www.webstix.com/website-maintenance/website-care/" data-wpel-link="internal">Website Care</a></li> <li id="menu-item-9473" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-9473"><a href="https://www.webstix.com/knowledgebase/" data-wpel-link="internal">Knowledge Base</a></li> <li id="menu-item-9711" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-9711"><a href="https://www.webstix.com/support-blog/" data-wpel-link="internal">Support Blog</a></li> <li id="menu-item-9709" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9709"><a href="https://www.webstix.com/support/faqs/" data-wpel-link="internal">Support FAQs</a></li> <li id="menu-item-10224" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10224"><a href="https://www.webstix.com/support/free-cms-training/" data-wpel-link="internal">CMS Training</a></li> <li id="menu-item-13000" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-13000"><a href="https://www.webstix.com/website-maintenance/buy-blocks/" data-wpel-link="internal">Buy Maintenance Blocks</a></li> </ul> </li> <li id="menu-item-7701" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7701"><a href="https://www.webstix.com/contact-us/" data-wpel-link="internal">CONTACT US</a></li> </ul></div></nav><div id="fancy_icon-149-17574" class="ct-fancy-icon formopen" ><svg id="svg-fancy_icon-149-17574"><use xlink:href="#Lineariconsicon-magnifier"></use></svg></div></div></div></div><div id="_header_row-18-17687" class="oxy-header-row" ><div class="oxy-header-container"><div id="_header_left-19-17687" class="oxy-header-left" ></div><div id="_header_center-20-17687" class="oxy-header-center" ></div><div id="_header_right-21-17687" class="oxy-header-right" > <div id="_search_form-17-17687" class="oxy-search-form formshow" > <form role="search" method="get" id="searchform" class="searchform" action="https://www.webstix.com/"> <div> <label class="screen-reader-text" for="s">Search for:</label> <input type="text" value="" name="s" id="s" /> <input type="submit" id="searchsubmit" value="Search" /> </div> </form> </div> </div></div></div></header> <section id="section-14-20" class=" ct-section" ><div class="ct-section-inner-wrap"><div id="code_block-143-17574" class="ct-code-block" ><section id="section-14-20" class=" ct-section"><div class="ct-section-inner-wrap"><div class=""><a href="https://www.webstix.com" data-wpel-link="internal">Home</a> / <a href="https://www.webstix.com/the-webstix-blog/" data-wpel-link="internal">The Webstix Blog</a> / <span class="current">There's Only One Website Trend Left... and It's Here Now</span></div></div></div></section> </div></div></section><section id="section-28-20" class=" ct-section" ><div class="ct-section-inner-wrap"><div id="new_columns-31-20" class="ct-new-columns" ><div id="div_block-32-20" class="ct-div-block" ><div id="code_block-165-17574" class="ct-code-block" > <h1>There's Only One Website Trend Left... and It's Here Now</h1> </div><div id="code_block-164-17574" class="ct-code-block" > <div class='oxy-post-meta-date oxy-post-meta-item'> Thursday, 17 March 2022 1:53 pm | Written by Tony Herman </div> </div><div id='inner_content-39-20' class='ct-inner-content'><h2><img fetchpriority="high" decoding="async" class="aligncenter size-full wp-image-27640" src="https://www.webstix.com/wp-content/uploads/2022/03/website-trends-20xx-min.jpg" alt="Website Trends for 20xx" width="960" height="502" srcset="https://www.webstix.com/wp-content/uploads/2022/03/website-trends-20xx-min.jpg 960w, https://www.webstix.com/wp-content/uploads/2022/03/website-trends-20xx-min-300x157.jpg 300w, https://www.webstix.com/wp-content/uploads/2022/03/website-trends-20xx-min-768x402.jpg 768w" sizes="(max-width: 960px) 100vw, 960px" /></h2> <h2>"What Are the Latest Website Trends?"</h2> <p><strong>I had a website design client ask that yesterday.</strong> It's a good question, so I thought about it a second, and the answer might really surprise you because there's just one trend left, and we're living it.</p> <p>The trend is: quick.</p> <p>That's it. Think about it... we're not in a time where people are saying, "Guess what? I went to a website today!" No, not at all. People get how websites work. They want to go there, get the information they need, and move on to ordering it from you, or go get something else done.</p> <h2>A Quick Story...</h2> <p>Back in like 1996, I got my first job as a Webmaster (ooh... fancy!) at the company I was working for at that time. It was pretty cool. HTML 3 just came out. Modem speeds were doubling every 6 months. Big 1 GB hard drives were available (I just saw a 170 MB hard drive in my closet the other day... why am I saving that?). And my brother got me a custom t-shirt made that said, "Surf the Web!" with the domain name of the company.</p> <p>Back then, you had to convince people to go to websites. That was because there really wasn't a lot on the Web. It wasn't easy to publish content, and we were starting at zero. <strong>Today, the Web is the FIRST place people go.</strong> They'll go there before contacting you, even.</p> <h2>Everything Must Be Quick</h2> <p>Time is precious, so making people jump through hoops of any kind to get to what they want is seen as rude. I hear all the time from clients, "We want a simple website." but then they want tons of things on it. What they mean is, they want a well-organized website.</p> <ul> <li>Your website must load quickly</li> <li>Information must be found quickly</li> <li>Articles must be scannable</li> <li>The back-end must load quickly (for editing, processing orders, etc.)</li> <li>And so on...</li> </ul> <p>Even with videos... yeah, they're cool, but is making someone watch it all the way to the 5:21 mark for the info they want, really that quick? How about publishing a great post or page that's scannable, making it quick and easy for people to find what they want, and move on to ordering it from you?</p> <p>On the side, I play around on the Web, publishing different kinds of websites. By far, the easiest kind of website I've made that gets automatic traffic (for many years now) is one with very, very short posts. I'm talking like less than 100 words on many of them. Why does this work? Each post gets right to the point. It's what people want. People go there, find what they need, and stop searching. Guess what? Google notices that and makes that website rank really high - at number 1 or even number 0 in many cases (if you're not sure what that means, email me).</p> <p>This just proves my point, and I've been doing it for years.</p> <h2>Does Web Design Still Matter?</h2> <p>Oh, yes. You better believe design matters. It must load quickly. It must take information and organize it very well to keep things simple. Design needs to look trustworthy as well.</p> <p>Someone I know sent me to a website the other day that looks like it was published around 2005. My first thought was, "Is this information reliable?" but then I started to see some recent dates. I mean, the thought of reliability shouldn't even go through someone's head if you're doing it right. A lot is accomplished through design and you can't just wing it.</p> <h2>Quick = Conversion</h2> <p>Take two websites:</p> <ul> <li>Website A: <ul> <li>Takes a while to load</li> <li>Has a clumsy design</li> <li>Has clunky navigation</li> <li>Doesn't work well on mobile devices</li> <li>Has search that isn't helpful</li> <li>Has tons of video instead of text</li> </ul> </li> <li>Website B: <ul> <li>Loads fast</li> <li>Looks trustworthy</li> <li>Knows its audience and what they want</li> <li>Is well organized - making it easy to find things</li> <li>Has product descriptions that are easy to scan</li> <li>Works great (maybe even better) on mobile devices</li> </ul> </li> </ul> <p>I mean, which one would you rather have? It's obvious.</p> <h2>Website Trends?</h2> <p>"Trends? You're talking <em>trends</em>? Don't talk trends."</p> <p>There are no more trends.</p> <p>Nothing will beat speed. Nothing.</p> <p>Yes, next to speed is modern design and conversion, but none of these are trends. They're not "trendy" in any way. Going to the Web isn't fun and exciting anymore (if we're being honest). We go there to get things done, then we're gone.</p> <p>If your website design team is talking about trends, run!</p> <p>Bells and whistles for the sake of bells and whistles will not improve your bottom line. Using design elements effectively to help website visitors will improve your bottom line because of ease of use. <strong>Using the latest, helpful design elements the right way is what it's about - speed is at the top of the list.</strong></p> <p>-Tony</p> <div class="crp_related crp-rounded-thumbs"><h3>Related Posts:</h3><ul><li><a href="https://www.webstix.com/resources/10-benefits-of-hiring-a-website-design-agency/" class="crp_link post-27248" data-wpel-link="internal"><figure><img decoding="async" width="300" height="157" src="https://www.webstix.com/wp-content/uploads/2022/02/Website-Design-Agency-300x157.jpg" class="crp_featured crp_thumb medium" alt="Hiring_a_Professional" title="10 Benefits of Hiring a Professional Website Design Agency" srcset="https://www.webstix.com/wp-content/uploads/2022/02/Website-Design-Agency-300x157.jpg 300w, https://www.webstix.com/wp-content/uploads/2022/02/Website-Design-Agency-768x402.jpg 768w, https://www.webstix.com/wp-content/uploads/2022/02/Website-Design-Agency.jpg 820w" sizes="(max-width: 300px) 100vw, 300px" srcset="https://www.webstix.com/wp-content/uploads/2022/02/Website-Design-Agency-300x157.jpg 300w, https://www.webstix.com/wp-content/uploads/2022/02/Website-Design-Agency-768x402.jpg 768w, https://www.webstix.com/wp-content/uploads/2022/02/Website-Design-Agency.jpg 820w" /></figure><span class="crp_title">10 Benefits of Hiring a Professional Website Design Agency</span></a></li><li><a href="https://www.webstix.com/support-blog/wordpress-5-8-3-released/" class="crp_link post-26822" data-wpel-link="internal"><figure><img decoding="async" width="300" height="300" src="https://www.webstix.com/wp-content/uploads/2014/04/wordpress-logo-a-300x300.png" class="crp_featured crp_thumb medium" alt="WordPress logo" title="WordPress 5.8.3 Released" srcset="https://www.webstix.com/wp-content/uploads/2014/04/wordpress-logo-a-300x300.png 300w, https://www.webstix.com/wp-content/uploads/2014/04/wordpress-logo-a-100x100.png 100w, https://www.webstix.com/wp-content/uploads/2014/04/wordpress-logo-a-150x150.png 150w, https://www.webstix.com/wp-content/uploads/2014/04/wordpress-logo-a.png 500w" sizes="(max-width: 300px) 100vw, 300px" srcset="https://www.webstix.com/wp-content/uploads/2014/04/wordpress-logo-a-300x300.png 300w, https://www.webstix.com/wp-content/uploads/2014/04/wordpress-logo-a-100x100.png 100w, https://www.webstix.com/wp-content/uploads/2014/04/wordpress-logo-a-150x150.png 150w, https://www.webstix.com/wp-content/uploads/2014/04/wordpress-logo-a.png 500w" /></figure><span class="crp_title">WordPress 5.8.3 Released</span></a></li><li><a href="https://www.webstix.com/the-webstix-blog/domain-name-transfer-help/" class="crp_link post-26778" data-wpel-link="internal"><figure><img loading="lazy" decoding="async" width="300" height="157" src="https://www.webstix.com/wp-content/uploads/2022/01/domain-name-transfer-help-min-300x157.jpg" class="crp_featured crp_thumb medium" alt="Domain Name Transfer Help" title="Domain Name Transfer Help" srcset="https://www.webstix.com/wp-content/uploads/2022/01/domain-name-transfer-help-min-300x157.jpg 300w, https://www.webstix.com/wp-content/uploads/2022/01/domain-name-transfer-help-min-768x402.jpg 768w, https://www.webstix.com/wp-content/uploads/2022/01/domain-name-transfer-help-min.jpg 960w" sizes="auto, (max-width: 300px) 100vw, 300px" srcset="https://www.webstix.com/wp-content/uploads/2022/01/domain-name-transfer-help-min-300x157.jpg 300w, https://www.webstix.com/wp-content/uploads/2022/01/domain-name-transfer-help-min-768x402.jpg 768w, https://www.webstix.com/wp-content/uploads/2022/01/domain-name-transfer-help-min.jpg 960w" /></figure><span class="crp_title">Domain Name Transfer Help</span></a></li></ul><div class="crp_clear"></div></div></div></div><div id="div_block-33-20" class="ct-div-block" ><div id="link-147-17574" class="ct-div-block" ><img id="image-77-20" alt="Support Maintenance" src="https://www.webstix.com/wp-content/themes/webstix/images/support_maintenance.png" class="ct-image"/><a id="link-162-17574" class="ct-link" href="https://www.webstix.com/website-maintenance/" target="_self" data-wpel-link="internal"><h6 id="headline-78-20" class="ct-headline">Support / Maintenance</h6></a><div id="text_block-83-20" class="ct-text-block" >Keep your website fresh. Get more traffic!</div></div><div id="div_block-90-20" class="ct-div-block" ><img id="image-91-20" alt="SEO PPC" src="https://www.webstix.com/wp-content/themes/webstix/images/seo_ppc.png" class="ct-image"/><a id="link-144-17574" class="ct-link" href="https://www.webstix.com/seo/" target="_self" data-wpel-link="internal"><h6 id="headline-92-20" class="ct-headline">SEO / PPC</h6></a><div id="text_block-93-20" class="ct-text-block" >Get found, increase conversion!</div></div><div id="div_block-94-20" class="ct-div-block" ><img id="image-95-20" alt="Website Marketing" src="https://www.webstix.com/wp-content/themes/webstix/images/website_marketing.png" class="ct-image"/><a id="link-146-17574" class="ct-link" href="https://www.webstix.com/contact-us/" target="_self" data-wpel-link="internal"><h6 id="headline-96-20" class="ct-headline">Website Marketing</h6></a><div id="text_block-97-20" class="ct-text-block" >Get your website noticed and get results.</div></div><div id="div_block-98-20" class="ct-div-block" ><img id="image-99-20" alt="Design Portfolio" src="https://www.webstix.com/wp-content/themes/webstix/images/design_portfolio.png" class="ct-image"/><a id="link-145-17574" class="ct-link" href="https://www.webstix.com/portfolio/" target="_self" data-wpel-link="internal"><h6 id="headline-100-20" class="ct-headline">Design Portfolio</h6></a><div id="text_block-101-20" class="ct-text-block" >Result driven design makes your website work 24/7 for your business.</div></div><div id="div_block-109-20" class="ct-div-block" ><h3 id="headline-113-20" class="ct-headline">What Our <b>Clients Say</b></h3> <div id="_testimonial-112-20" class='oxy-testimonial oxy-testimonial-horizontal' > <div class='oxy-testimonial-photo-wrap'> <img id="_testimonial-112-20_photo" alt="Placeholder" src='https://www.webstix.com/wp-content/uploads/2020/12/125x125.png' class='oxy-testimonial-photo oxygenberg-_testimonial-112-20_photo' /> </div> <div class='oxy-testimonial-content-wrap'> <div id="_testimonial-112-20_text" class='oxy-testimonial-text oxygenberg-_testimonial-112-20_text'> “Your company and its professionalism are proof positive that distance truly does not matter when completing a large project such as this.” </div> <div class='oxy-testimonial-author-wrap'> <div id="_testimonial-112-20_author" class='oxy-testimonial-author oxygenberg-_testimonial-112-20_author'> -Julie Hilliger </div> <div id="_testimonial-112-20_author_info" class='oxy-testimonial-author-info oxygenberg-_testimonial-112-20_author_info'> Malcolm-Eaton Enterprises </div> </div> </div> </div> <a id="link_button-119-20" class="ct-link-button" href="https://www.webstix.com/about-us/testimonials/" target="_self" data-wpel-link="internal">Our Clients Love Us - CLICK</a></div><div id="widget-122-20" class="ct-widget" ><div class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"></div></div></div><div id="code_block-148-17574" class="ct-code-block" ><a href="#" id="back-to-top" title="Back to top">↑</a></div></div></div></div></section><section id="section-290-7" class=" ct-section" ><div class="ct-section-inner-wrap"><div id="new_columns-291-7" class="ct-new-columns" ><div id="div_block-292-7" class="ct-div-block" ><h5 id="headline-294-7" class="ct-headline"><b>Website Financing</b> Options Available</h5></div><div id="div_block-293-7" class="ct-div-block" ><a id="link_button-299-7" class="ct-link-button" href="https://www.webstix.com/services/website-financing/" target="_self" data-wpel-link="internal">FIND OUT MORE</a></div></div></div></section><section id="webstix_newsletter_subscribe_form" class=" ct-section" ><div class="ct-section-inner-wrap"><div id="new_columns-301-7" class="ct-new-columns" ><div id="div_block-302-7" class="ct-div-block" ><div id="_rich_text-303-7" class="oxy-rich-text" ><ul> <li><a href="/" data-wpel-link="internal">Home</a></li> <li style="margin-bottom:5px;"></li> <li><a href="/about-us/" data-wpel-link="internal">About Us</a> <ul> <li><a href="/the-webstix-blog/" data-wpel-link="internal">Webstix Blog</a></li> <li><a href="/support-blog/" data-wpel-link="internal">Support Blog</a></li> <li><a href="/about-us/history/" data-wpel-link="internal">History</a></li> <li><a href="/about-us/testimonials/" data-wpel-link="internal">Testimonials</a></li> <li><a href="https://webstix.rocks/" target="_blank" rel="noopener nofollow noreferrer" data-wpel-link="external">Webstix Rocks!</a></li> <li><a href="https://www.webstix.com/contact-us/" data-wpel-link="internal">Careers</a></li> <li><a href="/about-us/links/" data-wpel-link="internal">Links</a></li> <li><a href="https://www.webstix.com/about-us/map/" data-wpel-link="internal">Map to Webstix</a></li> </ul> <span class="has-child"></span></li> </ul></div><div id="_rich_text-304-7" class="oxy-rich-text" ><ol> <li style="list-style-type: none;"> <ul> <li><a href="https://www.webstix.com/seo/" data-wpel-link="internal">Marketing/SEO</a> <ul> <li><a href="https://www.webstix.com/seo/" data-wpel-link="internal">SEO Services</a></li> <li><a href="https://www.webstix.com/seo/website-marketing/" data-wpel-link="internal">Website Marketing</a></li> <li><a href="https://www.webstix.com/seo/website-marketing/copywriting/" data-wpel-link="internal">Copywriting Services</a></li> <li><a href="https://www.webstix.com/seo/pay-per-click/" data-wpel-link="internal">Pay Per Click Services</a></li> <li><a href="https://www.webstix.com/seo/reputation-management/" data-wpel-link="internal">Reputation Management</a></li> </ul> <li style="margin-bottom:5px;"></li> <li><a href="/web-design/" data-wpel-link="internal">Web Design</a> <ul> <li><a href="https://www.webstix.com/web-design/process/" data-wpel-link="internal">Our Process</a></li> <li><a href="https://www.webstix.com/web-design/industrial-web-design/" data-wpel-link="internal">Industry and Manufacturing</a></li> </ul> </li> </ul> </li> </ol></div><div id="_rich_text-305-7" class="oxy-rich-text" ><ul> <li class="clsliststyle"> <ul> <li><a href="https://www.webstix.com/services/logo-design/" data-wpel-link="internal">Logo Design</a></li> <li><a href="https://www.webstix.com/the-webstix-blog/e-commerce-seo/" data-wpel-link="internal">E-Commerce</a></li> <li><a href="https://www.webstix.com/web-design/ada-compliance/" data-wpel-link="internal">Website ADA Compliance</a></li> <li><a href="https://www.webstix.com/web-design/mobile-app-development/" data-wpel-link="internal">App Development</a></li> </ul> <span class="has-child"></span></li> </ul> <ul> <li style="margin-bottom:-10px;"></li> <li class="clsCase"><a href="https://www.webstix.com/portfolio/" data-wpel-link="internal">Case Studies</a></li> <li style="margin-bottom:5px;"></li> <li><a href="https://www.webstix.com/contact-us/" data-wpel-link="internal">Contact Us</a> <ul> <li><a href="https://www.webstix.com/services/free-analysis/" data-wpel-link="internal">Free Website Quote</a></li> </ul> <span class="has-child"></span></li> </ul></div><div id="_rich_text-306-7" class="oxy-rich-text" ><ul> <li><a href="https://www.webstix.com/support/" data-wpel-link="internal">Support</a> <ul> <li><a href="https://www.webstix.com/website-maintenance/" target="_blank" rel="noopener" data-wpel-link="internal">Website Maintenance</a></li> <li><a href="https://www.webstix.com/knowledgebase/" data-wpel-link="internal">Knowledge Base</a></li> <li><a href="https://www.webstix.com/knowledgebase/domain-names/how-to-change-dns-settings-for-your-domain/" data-wpel-link="internal">Settings / Info</a></li> </ul> <span class="has-child"></span></li> <li style="margin-bottom:5px;"></li> <li><a href="https://www.webstix.com/support/free-cms-training/" data-wpel-link="internal">Tutorials</a> <ul> <li><a href="https://www.webstix.com/support/free-cms-training/" data-wpel-link="internal">CMS Training</a></li> </ul> <span class="has-child"></span></li> </ul></div></div><div id="div_block-307-7" class="ct-div-block" ><div id="div_block-308-7" class="ct-div-block" ><h6 id="headline-309-7" class="ct-headline"><br>Get website tips and specials in our <span id="span-13-17624" class="ct-span" >NEWSLETTER!</span><br></h6><div id="code_block-391-7595" class="ct-code-block" ><form action="https://list.robly.com/subscribe?a=4b2971de4fd003b52a2604e8ab1d5f0d" method="post" id="robly_embedded_subscribe_form" name="robly_embedded_subscribe_form" class="validate input-group" target="_blank" novalidate=""> <input type="email" value="" name="EMAIL" class="text-field required" id="DATA0" placeholder="email address" required=""/> <input type="submit" value="Subscribe" name="subscribe" class="submit" data-sitekey="6Ld9XlUUAAAAABcR5houwBXwlA_3STKsG2SzYCVw" data-callback="robly_recaptcha_callback"/> </form></div></div></div></div></div></section><section id="section-314-7" class=" ct-section" ><div class="ct-section-inner-wrap"><div id="new_columns-315-7" class="ct-new-columns" ><div id="div_block-316-7" class="ct-div-block" ><div id="code_block-25-17625" class="ct-code-block" > <img src="https://www.webstix.com/wp-content/uploads/2024/06/GA4-certification-logo.png" alt="Google Analytics Certified" style="width:118px"/></div></div><div id="div_block-17-17625" class="ct-div-block" ><div id="code_block-21-17625" class="ct-code-block" ><div class="certificate"> <h4><a href="https://www.webstix.com/about-us/#about_tony" data-wpel-link="internal"><img src="https://www.webstix.com/wp-content/uploads/2019/11/uw_madison_alumni.png" alt="UW Madison Alumni"></a></h4> </div></div></div><div id="div_block-317-7" class="ct-div-block" ><h5 id="headline-328-7" class="ct-headline">FOLLOW US ON<br></h5><div id="div_block-91-17625" class="ct-div-block" ><a id="link-96-17625" class="ct-link" href="https://www.facebook.com/webstix" target="_blank" data-wpel-link="external" rel="nofollow noopener noreferrer"><div id="fancy_icon-92-17625" class="ct-fancy-icon" ><svg id="svg-fancy_icon-92-17625"><use xlink:href="#IcoMoonIconsicon-facebook2"></use></svg></div></a><a id="link-97-17625" class="ct-link" href="https://www.twitter.com/webstix" target="_blank" data-wpel-link="external" rel="nofollow noopener noreferrer"><div id="fancy_icon-93-17625" class="ct-fancy-icon" ><svg id="svg-fancy_icon-93-17625"><use xlink:href="#IcoMoonIconsicon-x"></use></svg></div></a><a id="link-98-17625" class="ct-link" href="https://www.linkedin.com/company/webstix-inc" target="_blank" data-wpel-link="external" rel="nofollow noopener noreferrer"><div id="fancy_icon-94-17625" class="ct-fancy-icon" ><svg id="svg-fancy_icon-94-17625"><use xlink:href="#IcoMoonIconsicon-linkedin"></use></svg></div></a><a id="link-99-17625" class="ct-link" href="https://www.youtube.com/user/WebstixInc/" target="_blank" data-wpel-link="external" rel="nofollow noopener noreferrer"><div id="fancy_icon-95-17625" class="ct-fancy-icon" ><svg id="svg-fancy_icon-95-17625"><use xlink:href="#IcoMoonIconsicon-youtube"></use></svg></div></a></div></div><div id="div_block-318-7" class="ct-div-block" ><div id="widget-332-7" class="ct-widget" ><div class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"></div></div></div><div id="code_block-27-17625" class="ct-code-block" ><div class="office-location"> <a class="company-location" href="https://www.webstix.com/website-design-madison-wi/" data-wpel-link="internal"><strong>Webstix in Madison, WI</strong></a> <div class="style3 address">730 Rayovac Drive<br> Madison, WI 53711</div> <div class="contact-details"><a href="tel:608-277-7849" data-wpel-link="internal"><span class="phone" >608-277-7849</span></a></div> </div> </div></div><div id="div_block-28-17625" class="ct-div-block" ><div id="widget-29-17625" class="ct-widget" ><div class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"></div></div></div><div id="code_block-50-17625" class="ct-code-block" ><div class="office-location"> <a style="" class="company-location" href="https://www.webstix.com/website-design-southern-michigan/" data-wpel-link="internal"><strong>Webstix in Michigan</strong></a> <div class="style3 address">580 E Napier Ave.<br> Benton Harbor, MI 49022</div> <div class="contact-details"><a href="tel:2699251123" data-wpel-link="internal"><span class="phone">269-925-1123</span></a></div> </div> </div></div><div id="div_block-82-17625" class="ct-div-block" ><div id="widget-85-17625" class="ct-widget" ><div class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"></div></div></div><div id="code_block-89-17625" class="ct-code-block" ><div class="office-location"> <a style="" class="company-location" href="https://www.webstix.com/website-design-indiana/" data-wpel-link="internal"><strong>Webstix in Indiana</strong></a> <div class="style3 address">316 E Monroe St<br> South Bend, IN 46601</div> <div class="contact-details"><a href="tel:5742474343" data-wpel-link="internal"><span class="phone">574-247-4343</span></a></div> </div> </div></div></div></div></section><section id="section-334-7" class=" ct-section" ><div class="ct-section-inner-wrap"><div id="code_block-7-17626" class="ct-code-block" ><p id="footer-info">© 2024 Webstix - All Rights Reserved.<a href="https://www.webstix.com/website-design-madison-wi/">Web Design Madison WI</a><a href="https://www.webstix.com/site-map/" data-wpel-link="internal">Site Map</a><a href="https://www.webstix.com/privacy-policy/" data-wpel-link="internal">Privacy Policy</a><a href="https://www.webstix.com/terms-conditions/" data-wpel-link="internal">Terms & Conditions</a><a href="https://www.webstix.com/hosting-copyright-infringement-policy/" data-wpel-link="internal">Hosting Copyright Infringement Policy</a><a href="https://www.webstix.com/ftc-disclaimer/" data-wpel-link="internal">FTC Disclaimer</a></p></div></div></section><section id="section-4-17626" class=" ct-section" ><div class="ct-section-inner-wrap"><div id="div_block-5-17626" class="ct-div-block" ><div id="code_block-6-17626" class="ct-code-block" ><div class="fixed-footer-bar"> <div id="custom_html-5" class="widget_text et_pb_widget widget_custom_html"><div class="textwidget custom-html-widget"><ul> <li><a class="request-icon" href="https://www.webstix.com/contact-us/" data-wpel-link="internal">Get Website Design Pricing</a></li> <li><a class="support-icon" href="https://www.webstix.com/support/" data-wpel-link="internal">Support</a></li>  </ul></div></div> </div> </div></div></div></section>  <script>(function(){var s=document.createElement('script');e = !document.body ? document.querySelector('head'):document.body;s.src='https://acsbapp.com/apps/app/dist/js/app.js';s.defer=true;s.onload=function(){acsbJS.init({ statementLink : '', feedbackLink : '', footerHtml : '', hideMobile : false, hideTrigger : false, language : 'en', position : 'right', leadColor : '#146FF8', triggerColor : '#146FF8', triggerRadius : '50%', triggerPositionX : 'right', triggerPositionY : 'bottom', triggerIcon : 'people', triggerSize : 'medium', triggerOffsetX : 20, triggerOffsetY : 20, mobile : { triggerSize : 'small', triggerPositionX : 'right', triggerPositionY : 'bottom', triggerOffsetX : 20, triggerOffsetY : 20, triggerRadius : '50%' } }); }; e.appendChild(s);}());</script><div id="cookie-law-info-bar" data-nosnippet="true"><span>This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. <a role='button' class="cli_settings_button" style="margin:5px 20px 5px 20px">Cookie settings</a><a role='button' data-cli_action="accept" id="cookie_action_close_header" class="medium cli-plugin-button cli-plugin-main-button cookie_action_close_header cli_action_button wt-cli-accept-btn" style="margin:5px">ACCEPT</a></span></div><div id="cookie-law-info-again" data-nosnippet="true"><span id="cookie_hdr_showagain">Privacy & Cookies Policy</span></div><div class="cli-modal" data-nosnippet="true" id="cliSettingsPopup" tabindex="-1" role="dialog" aria-labelledby="cliSettingsPopup" aria-hidden="true"> <div class="cli-modal-dialog" role="document"> <div class="cli-modal-content cli-bar-popup"> <button type="button" class="cli-modal-close" id="cliModalClose"> <svg class="" viewBox="0 0 24 24"><path d="M19 6.41l-1.41-1.41-5.59 5.59-5.59-5.59-1.41 1.41 5.59 5.59-5.59 5.59 1.41 1.41 5.59-5.59 5.59 5.59 1.41-1.41-5.59-5.59z"></path><path d="M0 0h24v24h-24z" fill="none"></path></svg> <span class="wt-cli-sr-only">Close</span> </button> <div class="cli-modal-body"> <div class="cli-container-fluid cli-tab-container"> <div class="cli-row"> <div class="cli-col-12 cli-align-items-stretch cli-px-0"> <div class="cli-privacy-overview"> <h4>Privacy Overview</h4> <div class="cli-privacy-content"> <div class="cli-privacy-content-text">This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.</div> </div> <a class="cli-privacy-readmore" aria-label="Show more" role="button" data-readmore-text="Show more" data-readless-text="Show less"></a> </div> </div> <div class="cli-col-12 cli-align-items-stretch cli-px-0 cli-tab-section-container"> <div class="cli-tab-section"> <div class="cli-tab-header"> <a role="button" tabindex="0" class="cli-nav-link cli-settings-mobile" data-target="necessary" data-toggle="cli-toggle-tab"> Necessary </a> <div class="wt-cli-necessary-checkbox"> <input type="checkbox" class="cli-user-preference-checkbox" id="wt-cli-checkbox-necessary" data-id="checkbox-necessary" checked="checked" /> <label class="form-check-label" for="wt-cli-checkbox-necessary">Necessary</label> </div> <span class="cli-necessary-caption">Always Enabled</span> </div> <div class="cli-tab-content"> <div class="cli-tab-pane cli-fade" data-id="necessary"> <div class="wt-cli-cookie-description"> Necessary cookies are absolutely essential for the website to function properly. These cookies ensure basic functionalities and security features of the website, anonymously. <table class="cookielawinfo-row-cat-table cookielawinfo-winter"><thead><tr><th class="cookielawinfo-column-1">Cookie</th><th class="cookielawinfo-column-3">Duration</th><th class="cookielawinfo-column-4">Description</th></tr></thead><tbody><tr class="cookielawinfo-row"><td class="cookielawinfo-column-1">cookielawinfo-checbox-analytics</td><td class="cookielawinfo-column-3">11 months</td><td class="cookielawinfo-column-4">This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics".</td></tr><tr class="cookielawinfo-row"><td class="cookielawinfo-column-1">cookielawinfo-checbox-functional</td><td class="cookielawinfo-column-3">11 months</td><td class="cookielawinfo-column-4">The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional".</td></tr><tr class="cookielawinfo-row"><td class="cookielawinfo-column-1">cookielawinfo-checbox-others</td><td class="cookielawinfo-column-3">11 months</td><td class="cookielawinfo-column-4">This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other.</td></tr><tr class="cookielawinfo-row"><td class="cookielawinfo-column-1">cookielawinfo-checkbox-necessary</td><td class="cookielawinfo-column-3">11 months</td><td class="cookielawinfo-column-4">This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary".</td></tr><tr class="cookielawinfo-row"><td class="cookielawinfo-column-1">cookielawinfo-checkbox-performance</td><td class="cookielawinfo-column-3">11 months</td><td class="cookielawinfo-column-4">This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance".</td></tr><tr class="cookielawinfo-row"><td class="cookielawinfo-column-1">viewed_cookie_policy</td><td class="cookielawinfo-column-3">11 months</td><td class="cookielawinfo-column-4">The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.</td></tr></tbody></table> </div> </div> </div> </div> <div class="cli-tab-section"> <div class="cli-tab-header"> <a role="button" tabindex="0" class="cli-nav-link cli-settings-mobile" data-target="functional" data-toggle="cli-toggle-tab"> Functional </a> <div class="cli-switch"> <input type="checkbox" id="wt-cli-checkbox-functional" class="cli-user-preference-checkbox" data-id="checkbox-functional" /> <label for="wt-cli-checkbox-functional" class="cli-slider" data-cli-enable="Enabled" data-cli-disable="Disabled"><span class="wt-cli-sr-only">Functional</span></label> </div> </div> <div class="cli-tab-content"> <div class="cli-tab-pane cli-fade" data-id="functional"> <div class="wt-cli-cookie-description"> Functional cookies help to perform certain functionalities like sharing the content of the website on social media platforms, collect feedbacks, and other third-party features. </div> </div> </div> </div> <div class="cli-tab-section"> <div class="cli-tab-header"> <a role="button" tabindex="0" class="cli-nav-link cli-settings-mobile" data-target="performance" data-toggle="cli-toggle-tab"> Performance </a> <div class="cli-switch"> <input type="checkbox" id="wt-cli-checkbox-performance" class="cli-user-preference-checkbox" data-id="checkbox-performance" /> <label for="wt-cli-checkbox-performance" class="cli-slider" data-cli-enable="Enabled" data-cli-disable="Disabled"><span class="wt-cli-sr-only">Performance</span></label> </div> </div> <div class="cli-tab-content"> <div class="cli-tab-pane cli-fade" data-id="performance"> <div class="wt-cli-cookie-description"> Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors. </div> </div> </div> </div> <div class="cli-tab-section"> <div class="cli-tab-header"> <a role="button" tabindex="0" class="cli-nav-link cli-settings-mobile" data-target="analytics" data-toggle="cli-toggle-tab"> Analytics </a> <div class="cli-switch"> <input type="checkbox" id="wt-cli-checkbox-analytics" class="cli-user-preference-checkbox" data-id="checkbox-analytics" /> <label for="wt-cli-checkbox-analytics" class="cli-slider" data-cli-enable="Enabled" data-cli-disable="Disabled"><span class="wt-cli-sr-only">Analytics</span></label> </div> </div> <div class="cli-tab-content"> <div class="cli-tab-pane cli-fade" data-id="analytics"> <div class="wt-cli-cookie-description"> Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics the number of visitors, bounce rate, traffic source, etc. </div> </div> </div> </div> <div class="cli-tab-section"> <div class="cli-tab-header"> <a role="button" tabindex="0" class="cli-nav-link cli-settings-mobile" data-target="advertisement" data-toggle="cli-toggle-tab"> Advertisement </a> <div class="cli-switch"> <input type="checkbox" id="wt-cli-checkbox-advertisement" class="cli-user-preference-checkbox" data-id="checkbox-advertisement" /> <label for="wt-cli-checkbox-advertisement" class="cli-slider" data-cli-enable="Enabled" data-cli-disable="Disabled"><span class="wt-cli-sr-only">Advertisement</span></label> </div> </div> <div class="cli-tab-content"> <div class="cli-tab-pane cli-fade" data-id="advertisement"> <div class="wt-cli-cookie-description"> Advertisement cookies are used to provide visitors with relevant ads and marketing campaigns. These cookies track visitors across websites and collect information to provide customized ads. </div> </div> </div> </div> <div class="cli-tab-section"> <div class="cli-tab-header"> <a role="button" tabindex="0" class="cli-nav-link cli-settings-mobile" data-target="others" data-toggle="cli-toggle-tab"> Others </a> <div class="cli-switch"> <input type="checkbox" id="wt-cli-checkbox-others" class="cli-user-preference-checkbox" data-id="checkbox-others" /> <label for="wt-cli-checkbox-others" class="cli-slider" data-cli-enable="Enabled" data-cli-disable="Disabled"><span class="wt-cli-sr-only">Others</span></label> </div> </div> <div class="cli-tab-content"> <div class="cli-tab-pane cli-fade" data-id="others"> <div class="wt-cli-cookie-description"> Other uncategorized cookies are those that are being analyzed and have not been classified into a category as yet. </div> </div> </div> </div> </div> </div> </div> </div> <div class="cli-modal-footer"> <div class="wt-cli-element cli-container-fluid cli-tab-container"> <div class="cli-row"> <div class="cli-col-12 cli-align-items-stretch cli-px-0"> <div class="cli-tab-footer wt-cli-privacy-overview-actions"> <a id="wt-cli-privacy-save-btn" role="button" tabindex="0" data-cli-action="accept" class="wt-cli-privacy-btn cli_setting_save_button wt-cli-privacy-accept-btn cli-btn">SAVE & ACCEPT</a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="cli-modal-backdrop cli-fade cli-settings-overlay"></div> <div class="cli-modal-backdrop cli-fade cli-popupbar-overlay"></div> <script src="https://cdn.emplibot.com/c/dc/673e1962da4b075a9d0db5b1"></script> <script> jQuery(document).ready(function($) { var current = location.pathname; $('.proposalRelatedPosts ul li a').each(function(){ var $this = $(this); // if the current path is like this link, make it active if ($this.attr('href').indexOf(current) !== -1) { $this.addClass('active'); } }); }); $(function(){ $("#gform_fields_50 input").attr("onkeypress","return (event.charCode !=8 && event.charCode ==0 || (event.charCode >= 48 && event.charCode <= 57))"); }); </script> <script> jQuery(document).ready(function($) { $("#product-33555 .summary.entry-summary .price").append("<p><strong>Payment for invoices is accepted here on this secure website.</strong><br />We accept Visa, MasterCard, Discover, and American Express.<br/><img src='https://www.webstix.com/wp-content/uploads/2019/01/Payment_icons.png' class='paywebstix_card'></p><span class='asterisk'>Fields marked with an asterisk (<span>*</span>) are required.</span>"); $("#product-33755 .summary.entry-summary .price").append("<p class='cstm-cls-ftm'>We accept Visa, MasterCard, Discover, and American Express.</p><img src='https://www.webstix.com/wp-content/uploads/2019/01/Payment_icons.png' class='paywebstix_card ftm'><span class='asterisk'>All fields are required.</span>"); $(".wapf-product-totals span:contains('Grand total')").text("Total"); }); </script> <script> jQuery(document).ready(function($){ // Add validation for domain field in first-time maintenance $('#wapf_33755 .wapf-input.input-65856a3256ea7').on('keypress keyup input', function() { // Get the value from the input field var domainValue = $(this).val(); // Check if the domain is valid using a regular expression //var domainPattern = /^(https?:\/\/)?([a-zA-Z0-9.-]+\.[a-zA-Z]{2,})$/; var domainPattern = /^(https:\/\/)?([a-zA-Z0-9.-]+\.[a-zA-Z]{2,})(\/)?$/; if (!domainPattern.test(domainValue)) { // Show the error message if ($("#wapf_33755 .wapf-product-totals .ftmerrmessage").length === 0) { $("#wapf_33755 .wapf-product-totals").prepend('<p class="ftmerrmessage">Please enter a valid domain.</p>'); $("body.postid-33755 .single_add_to_cart_button.button.alt").prop("disabled", true); } } else { // Remove the error message if the domain is valid $("#wapf_33755 .wapf-product-totals .ftmerrmessage").remove(); $("body.postid-33755 .single_add_to_cart_button.button.alt").prop("disabled", false); } }); // Attach an event handler to a parent element for 'cardtype' $(document).on('change', '#cardtype', function() { // Change the text of the first option to 'Choose' $('#cardtype option:first-child').text('Choose'); }); // Attach an event handler to a parent element for 'expmonth' $(document).on('change', '#expmonth', function() { // Loop through each option and change the text to its value or "Month" if empty $('#expmonth option').each(function() { var monthValue = $(this).val(); // Check if monthValue is empty if (monthValue === "") { $(this).text("Month"); } else { $(this).text(monthValue); } }); }); $(document).on('change keypress keyup input', '.woocommerce-input-wrapper input, #billing_country, #billing_state', function() { $('#cardtype option:first-child').text('Choose'); // Loop through each option and change the text to its value $('#expmonth option').each(function() { var monthValue = $(this).val(); // Check if monthValue is empty if (monthValue === "") { $(this).text("Month"); } else { $(this).text(monthValue); } }); }); // Select the input field var numberInput = $('input[name="wapf[field_658280edc887e]"]'); // Function to format the numeric value function formatNumber() { // Get the current value of the input var inputValue = numberInput.val(); // Remove non-numeric characters (except dots for decimals) var numericValue = inputValue.replace(/[^\d.]/g, ''); // Parse the numeric value var parsedValue = parseFloat(numericValue); // Check if the parsed value is a valid number if (!isNaN(parsedValue)) { // Format the numeric value with two decimal places var formattedValue = parsedValue.toFixed(2); // Update the input value with the formatted number numberInput.val(formattedValue); } } // Attach event listeners numberInput.on({ 'change': formatNumber, //'keypress': formatNumber, //'keyup': formatNumber }); //change login form button name Login to Sign in $('.woocommerce-form-login__submit').html('Sign in'); //$('#customer_login .u-column1.col-1 h2').find('h2').text('Sign In'); $('#customer_login .u-column1.col-1 h2').html('Sign In'); }); </script> <script> jQuery(document).ready(function($){ // Use event delegation to handle dynamically loaded billing fields $(document).on('change input', '#billing_first_name, #billing_last_name', function() { var firstName = $('#billing_first_name').val(); var lastName = $('#billing_last_name').val(); // Combine first name and last name with a space and set it to the 'ccholder' input field $('#ccholder').val(firstName + ' ' + lastName); }); }); </script> <script> // $(document).ready(function(){ // $('#menu-item-9476').removeClass('DownArrow '); // $('#menu-item-9476').addClass('RightArrow '); // $("#menu-item-9476").click(function(){ // $("#menu-item-9476 ul.sub-menu").toggle(); // $(this).find(".fa").toggleClass('active'); // $('#menu-item-9476').toggleClass('RightArrow '); // $('#menu-item-9476').toggleClass('DownArrow '); // }); // }); // $(document).ready(function(){ // $('#menu-item-7700').removeClass('DownArrow '); // $('#menu-item-7700').addClass('RightArrow '); // $("#menu-item-7700").click(function(){ // $("#menu-item-7700 ul.sub-menu").toggle(); // $('#menu-item-7700').toggleClass('RightArrow '); // $('#menu-item-7700').toggleClass('DownArrow '); // }); // }); // $(document).ready(function(){ // $('#menu-item-12789').removeClass('DownArrow '); // $('#menu-item-12789').addClass('RightArrow '); // $("#menu-item-12789").click(function(){ // $("#menu-item-12789 ul.sub-menu").toggle(); // $('#menu-item-12789').toggleClass('RightArrow '); // $('#menu-item-12789').toggleClass('DownArrow '); // }); // }); $('.menu-primary-menu-container li.menu-item-has-children ul').addClass('sub-menu').hide(); jQuery(function($) { // Hide sub-menus by default var mobileItems = jQuery( '.menu-primary-menu-container' ); mobileItems.find( 'li.menu-item-has-children' ).append( '<i class="mobile-arrows fa fa-chevron-down"></i>' ); jQuery(".menu-primary-menu-container li.menu-item-has-children i.mobile-arrows").click(function() { if( jQuery( this ).hasClass( "fa-chevron-down" ) ) jQuery( this ).removeClass( "fa-chevron-down" ).addClass( "fa-chevron-up" ); else jQuery( this ).removeClass( "fa-chevron-up" ).addClass( "fa-chevron-down" ); jQuery(this).parent().find('ul:first').slideToggle(300); jQuery(this).parent().find('> .mobile-arrows').toggleClass('is-open'); }); }); </script> <script> // jQuery(document).ready(function($) { // // Define SVG icons as variables // var searchIcon = '<svg id="search-icon" class="icon"><use xlink:href="#Lineariconsicon-magnifier"></use></svg>'; // var closeIcon = '<svg id="close-icon" class="lnr lnr-cross"><use xlink:href="#lnr-cross"></use></svg><svg class="icon" style="display: none;"><use xlink:href="#linearicons-moon"></use></svg>'; // // Append both icons dynamically to the container // $('#fancy_icon-149-17574').append(searchIcon).append(closeIcon); // // Toggle visibility of search and close icons on click // $('#fancy_icon-149-17574').click(function() { // $('#search-icon').toggle(); // Toggle the search icon // $('#close-icon').toggle(); // Toggle the close icon // }); // }); </script> <script nitro-exclude> var heartbeatData = new FormData(); heartbeatData.append('nitroHeartbeat', '1'); fetch(location.href, {method: 'POST', body: heartbeatData, credentials: 'omit'}); </script> <script nitro-exclude> document.cookie = 'nitroCachedPage=' + (!window.NITROPACK_STATE ? '0' : '1') + '; path=/; SameSite=Lax'; </script><script type="text/javascript" id="ct_custom_js_16">$(".formopen").click(function(){ $(".formshow").toggle(); });</script> <style>.ct-FontAwesomeicon-user-o{width:0.85714285714286em}</style> <?xml version="1.0"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1"><defs><symbol id="FontAwesomeicon-user-o" viewBox="0 0 24 28"><title>user-o</title><path d="M18.766 12.25c2.203 0.641 5.234 2.812 5.234 9.922 0 3.219-2.391 5.828-5.328 5.828h-13.344c-2.938 0-5.328-2.609-5.328-5.828 0-7.109 3.031-9.281 5.234-9.922-0.781-1.234-1.234-2.688-1.234-4.25 0-4.406 3.594-8 8-8s8 3.594 8 8c0 1.563-0.453 3.016-1.234 4.25zM12 2c-3.313 0-6 2.688-6 6s2.688 6 6 6 6-2.688 6-6-2.688-6-6-6zM18.672 26c1.828 0 3.328-1.703 3.328-3.828 0-4.922-1.656-8-4.75-8.156-1.406 1.234-3.234 1.984-5.25 1.984s-3.844-0.75-5.25-1.984c-3.094 0.156-4.75 3.234-4.75 8.156 0 2.125 1.5 3.828 3.328 3.828h13.344z"/></symbol></defs></svg><?xml version="1.0"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1"><defs><symbol id="Lineariconsicon-magnifier" viewBox="0 0 20 20"><title>magnifier</title><path class="path1" d="M18.869 19.162l-5.943-6.484c1.339-1.401 2.075-3.233 2.075-5.178 0-2.003-0.78-3.887-2.197-5.303s-3.3-2.197-5.303-2.197-3.887 0.78-5.303 2.197-2.197 3.3-2.197 5.303 0.78 3.887 2.197 5.303 3.3 2.197 5.303 2.197c1.726 0 3.362-0.579 4.688-1.645l5.943 6.483c0.099 0.108 0.233 0.162 0.369 0.162 0.121 0 0.242-0.043 0.338-0.131 0.204-0.187 0.217-0.503 0.031-0.706zM1 7.5c0-3.584 2.916-6.5 6.5-6.5s6.5 2.916 6.5 6.5-2.916 6.5-6.5 6.5-6.5-2.916-6.5-6.5z"/></symbol></defs></svg><?xml version="1.0"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1"><defs><symbol id="IcoMoonIconsicon-x" viewBox="0 0 32 32"><path d="M24.325 3h4.411l-9.636 11.013 11.336 14.987h-8.876l-6.952-9.089-7.955 9.089h-4.413l10.307-11.78-10.875-14.22h9.101l6.284 8.308zM22.777 26.36h2.444l-15.776-20.859h-2.623z"/></symbol><symbol id="IcoMoonIconsicon-facebook2" viewBox="0 0 32 32"><path d="M29 0h-26c-1.65 0-3 1.35-3 3v26c0 1.65 1.35 3 3 3h13v-14h-4v-4h4v-2c0-3.306 2.694-6 6-6h4v4h-4c-1.1 0-2 0.9-2 2v2h6l-1 4h-5v14h9c1.65 0 3-1.35 3-3v-26c0-1.65-1.35-3-3-3z"/></symbol><symbol id="IcoMoonIconsicon-youtube" viewBox="0 0 32 32"><path d="M31.681 9.6c0 0-0.313-2.206-1.275-3.175-1.219-1.275-2.581-1.281-3.206-1.356-4.475-0.325-11.194-0.325-11.194-0.325h-0.012c0 0-6.719 0-11.194 0.325-0.625 0.075-1.987 0.081-3.206 1.356-0.963 0.969-1.269 3.175-1.269 3.175s-0.319 2.588-0.319 5.181v2.425c0 2.587 0.319 5.181 0.319 5.181s0.313 2.206 1.269 3.175c1.219 1.275 2.819 1.231 3.531 1.369 2.563 0.244 10.881 0.319 10.881 0.319s6.725-0.012 11.2-0.331c0.625-0.075 1.988-0.081 3.206-1.356 0.962-0.969 1.275-3.175 1.275-3.175s0.319-2.587 0.319-5.181v-2.425c-0.006-2.588-0.325-5.181-0.325-5.181zM12.694 20.15v-8.994l8.644 4.513-8.644 4.481z"/></symbol><symbol id="IcoMoonIconsicon-linkedin" viewBox="0 0 32 32"><path d="M29 0h-26c-1.65 0-3 1.35-3 3v26c0 1.65 1.35 3 3 3h26c1.65 0 3-1.35 3-3v-26c0-1.65-1.35-3-3-3zM12 26h-4v-14h4v14zM10 10c-1.106 0-2-0.894-2-2s0.894-2 2-2c1.106 0 2 0.894 2 2s-0.894 2-2 2zM26 26h-4v-8c0-1.106-0.894-2-2-2s-2 0.894-2 2v8h-4v-14h4v2.481c0.825-1.131 2.087-2.481 3.5-2.481 2.488 0 4.5 2.238 4.5 5v9z"/></symbol></defs></svg> <script type="text/javascript"> jQuery(document).ready(function() { jQuery('body').on('click', '.oxy-menu-toggle', function() { jQuery(this).parent('.oxy-nav-menu').toggleClass('oxy-nav-menu-open'); jQuery('body').toggleClass('oxy-nav-menu-prevent-overflow'); jQuery('html').toggleClass('oxy-nav-menu-prevent-overflow'); }); var selector = '.oxy-nav-menu-open .menu-item a[href*="#"]'; jQuery('body').on('click', selector, function(){ jQuery('.oxy-nav-menu-open').removeClass('oxy-nav-menu-open'); jQuery('body').removeClass('oxy-nav-menu-prevent-overflow'); jQuery('html').removeClass('oxy-nav-menu-prevent-overflow'); jQuery(this).click(); }); }); </script> <script type='text/javascript'> (function () { var c = document.body.className; c = c.replace(/woocommerce-no-js/, 'woocommerce-js'); document.body.className = c; })(); </script> <link rel='stylesheet' id='URR-font-awesome-css' href='https://www.webstix.com/wp-content/plugins/ultimate-reviews-rocket/public/assets/css/font-awesome.css?ver=1.0.0' type='text/css' media='all' /> <link rel='stylesheet' id='wc-blocks-style-css' href='https://www.webstix.com/wp-content/plugins/woocommerce/assets/client/blocks/wc-blocks.css?ver=wc-9.4.2' type='text/css' media='all' /> <link rel='stylesheet' id='cookie-law-info-table-css' href='https://www.webstix.com/wp-content/plugins/cookie-law-info/legacy/public/css/cookie-law-info-table.css?ver=3.2.7' type='text/css' media='all' /> <script type="text/javascript" src="https://www.webstix.com/wp-content/plugins/enable-jquery-migrate-helper/js/jquery-ui/core.min.js?ver=1.11.4-wp" id="jquery-ui-core-js"></script> <script type="text/javascript" src="https://www.webstix.com/wp-content/plugins/enable-jquery-migrate-helper/js/jquery-ui/datepicker.min.js?ver=1.11.4-wp" id="jquery-ui-datepicker-js"></script> <script type="text/javascript" id="jquery-ui-datepicker-js-after"> /* <![CDATA[ */ jQuery(function(jQuery){jQuery.datepicker.setDefaults({"closeText":"Close","currentText":"Today","monthNames":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthNamesShort":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"nextText":"Next","prevText":"Previous","dayNames":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"dayNamesShort":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"dayNamesMin":["S","M","T","W","T","F","S"],"dateFormat":"mm\/dd\/yy","firstDay":0,"isRTL":false});}); /* ]]> */ </script> <script type="text/javascript" id="wp-jquery-lightbox-js-extra"> /* <![CDATA[ */ var JQLBSettings = {"fitToScreen":"0","resizeSpeed":"400","displayDownloadLink":"0","navbarOnTop":"0","loopImages":"","resizeCenter":"","marginSize":"100","linkTarget":"","help":"","prevLinkTitle":"previous image","nextLinkTitle":"next image","prevLinkText":"\u00ab Previous","nextLinkText":"Next \u00bb","closeTitle":"close image gallery","image":"Image ","of":" of ","download":"Download","jqlb_overlay_opacity":"80","jqlb_overlay_color":"#000000","jqlb_overlay_close":"1","jqlb_border_width":"10","jqlb_border_color":"#ffffff","jqlb_border_radius":"0","jqlb_image_info_background_transparency":"100","jqlb_image_info_bg_color":"#ffffff","jqlb_image_info_text_color":"#000000","jqlb_image_info_text_fontsize":"10","jqlb_show_text_for_image":"1","jqlb_next_image_title":"next image","jqlb_previous_image_title":"previous image","jqlb_next_button_image":"https:\/\/www.webstix.com\/wp-content\/plugins\/wp-lightbox-2\/styles\/images\/next.gif","jqlb_previous_button_image":"https:\/\/www.webstix.com\/wp-content\/plugins\/wp-lightbox-2\/styles\/images\/prev.gif","jqlb_maximum_width":"","jqlb_maximum_height":"","jqlb_show_close_button":"1","jqlb_close_image_title":"close image gallery","jqlb_close_image_max_heght":"22","jqlb_image_for_close_lightbox":"https:\/\/www.webstix.com\/wp-content\/plugins\/wp-lightbox-2\/styles\/images\/closelabel.gif","jqlb_keyboard_navigation":"1","jqlb_popup_size_fix":"0"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.webstix.com/wp-content/plugins/wp-lightbox-2/js/dist/wp-lightbox-2.min.js?ver=1.3.4.1" id="wp-jquery-lightbox-js"></script> <script type="text/javascript" id="wp-statistics-tracker-js-extra"> /* <![CDATA[ */ var WP_Statistics_Tracker_Object = {"requestUrl":"https:\/\/www.webstix.com\/wp-json\/wp-statistics\/v2","ajaxUrl":"https:\/\/www.webstix.com\/wp-admin\/admin-ajax.php","hitParams":{"wp_statistics_hit":1,"source_type":"post","source_id":27633,"search_query":"","signature":"e067297441c1b49d5c24051afd92ea94","endpoint":"hit"},"onlineParams":{"wp_statistics_hit":1,"source_type":"post","source_id":27633,"search_query":"","signature":"e067297441c1b49d5c24051afd92ea94","endpoint":"online"},"option":{"userOnline":"1","consentLevel":"disabled","dntEnabled":false,"bypassAdBlockers":false,"isWpConsentApiActive":false,"trackAnonymously":false,"isPreview":false},"jsCheckTime":"60000"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.webstix.com/wp-content/plugins/wp-statistics/assets/js/tracker.js?ver=14.11.3" id="wp-statistics-tracker-js"></script> <script type="text/javascript" src="https://www.webstix.com/wp-content/plugins/woocommerce/assets/js/sourcebuster/sourcebuster.min.js?ver=9.4.2" id="sourcebuster-js-js"></script> <script type="text/javascript" id="wc-order-attribution-js-extra"> /* <![CDATA[ */ var wc_order_attribution = {"params":{"lifetime":1.0e-5,"session":30,"base64":false,"ajaxurl":"https:\/\/www.webstix.com\/wp-admin\/admin-ajax.php","prefix":"wc_order_attribution_","allowTracking":true},"fields":{"source_type":"current.typ","referrer":"current_add.rf","utm_campaign":"current.cmp","utm_source":"current.src","utm_medium":"current.mdm","utm_content":"current.cnt","utm_id":"current.id","utm_term":"current.trm","utm_source_platform":"current.plt","utm_creative_format":"current.fmt","utm_marketing_tactic":"current.tct","session_entry":"current_add.ep","session_start_time":"current_add.fd","session_pages":"session.pgs","session_count":"udata.vst","user_agent":"udata.uag"}}; /* ]]> */ </script> <script type="text/javascript" src="https://www.webstix.com/wp-content/plugins/woocommerce/assets/js/frontend/order-attribution.min.js?ver=9.4.2" id="wc-order-attribution-js"></script> <script type="text/javascript" src="https://stats.wp.com/e-202449.js" id="jetpack-stats-js" data-wp-strategy="defer"></script> <script type="text/javascript" id="jetpack-stats-js-after"> /* <![CDATA[ */ _stq = window._stq || []; _stq.push([ "view", JSON.parse("{\"v\":\"ext\",\"blog\":\"122763386\",\"post\":\"27633\",\"tz\":\"-6\",\"srv\":\"www.webstix.com\",\"j\":\"1:14.0\"}") ]); _stq.push([ "clickTrackerInit", "122763386", "27633" ]); /* ]]> */ </script> <script type="text/javascript" id="wapf-frontend-js-extra"> /* <![CDATA[ */ var wapf_config = {"ajax":"https:\/\/www.webstix.com\/wp-admin\/admin-ajax.php","page_type":"other","display_options":{"format":"%1$s%2$s","symbol":"$","decimals":2,"decimal":".","thousand":",","trim_zeroes":false,"tax_suffix":"","tax_enabled":false,"price_incl_tax":false,"tax_display":"excl"},"slider_support":"1","hint":"(+{x})","today":"2024-12-01T00:00:00","date_format":"mm-dd-yyyy"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.webstix.com/wp-content/plugins/advanced-product-fields-for-woocommerce-pro/assets/js/frontend.min.js?ver=2.7.25" id="wapf-frontend-js"></script> <script type="text/javascript" id="ct-footer-js"></script>  <script type="application/ld+json">{ "@context": "https://schema.org", "@type": "ProfessionalService", "@id": "https://www.webstix.com", "image": "https://www.webstix.com/wp-content/uploads/2017/03/webstix-office-sign-150x150.jpg", "priceRange": "Requirement Based", "telephone": "608-277-7849", "name": "Webstix", "logo": "https://www.webstix.com/wp-content/uploads/2016/11/webstix_logo-1.png", "description": "Webstix is a full service web design & marketing company in Madison, WI. We specialize in beautiful website design, maintenance, SEO & website promotion.", "geo": { "@type": "GeoCoordinates", "latitude": "43.056831", "longitude": "-89.290289" }, "url": "https://www.webstix.com", "sameAs": [ "https://www.facebook.com/webstix", "https://twitter.com/webstix", "https://plus.google.com/+Webstix?hl=en", "https://www.linkedin.com/company/webstix-inc", "https://www.youtube.com/user/WebstixInc/" ], "contactPoint": { "@type": "ContactPoint", "telephone": "+1-608-277-7849", "contactType": "customer service", "email": "", "contactOption": "", "areaServed": "", "availableLanguage": null }, "address": { "@type": "PostalAddress", "addressCountry": "United States", "addressLocality": "Madison", "addressRegion": "WI", "postalCode": "53718", "streetAddress": "2820 Walton Commons Ln Suite 108 " } }</script>  <script type="text/javascript" id="ct_code_block_js_165">(function($) { 'use strict'; $('.oxy-social-icons a').attr('rel', 'nofollow'); }(jQuery));</script> <script type="text/javascript" id="ct_code_block_js_148">if ($('#back-to-top').length) { var scrollTrigger = 100, // px backToTop = function () { var scrollTop = $(window).scrollTop(); if (scrollTop > scrollTrigger) { $('#back-to-top').addClass('show'); } else { $('#back-to-top').removeClass('show'); } }; backToTop(); $(window).on('scroll', function () { backToTop(); }); $('#back-to-top').on('click', function (e) { e.preventDefault(); $('html,body').animate({ scrollTop: 0 }, 700); }); }</script> <style type="text/css" id="ct_code_block_css_148">#back-to-top { position: fixed; bottom: 40px; right: 40px; z-index: 9999; width: 32px; height: 32px; text-align: center; line-height: 30px; background: #f5f5f5; color: #444; cursor: pointer; border: 0; border-radius: 2px; text-decoration: none; transition: opacity 0.2s ease-out; opacity: 0; } #back-to-top:hover { background: #e9ebec; } #back-to-top.show { opacity: 1; } #content { height: 2000px; }</style> <style type="text/css" id="ct_code_block_css_11">display: none !important;</style> <div class="wttw" aria-hidden="true"><div class="wapf-ttp"></div></div> </body> </html>