.modal { display: none; } .modal__overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; z-index: 200; opacity: 0; transition: opacity 0.2s; will-change: opacity; background-color: #000; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .modal__header { /* Optional */ padding: 1.5rem; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ddd; } .modal__close { /* Optional */ margin: 0; padding: 0; border: none; background-color: transparent; cursor: pointer; background-image: url("data:image/svg+xml,%0A%3Csvg width='15px' height='16px' viewBox='0 0 15 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='2.-Menu' transform='translate(-15.000000, -13.000000)' stroke='%23000000'%3E%3Cg id='Group' transform='translate(15.000000, 13.521000)'%3E%3Cpath d='M0,0.479000129 L15,14.2971819' id='Path-3'%3E%3C/path%3E%3Cpath d='M0,14.7761821 L15,-1.24344979e-14' id='Path-3'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); width: 15px; height: 15px; } .modal__wrapper { width: 100%; z-index: 9999; overflow: auto; opacity: 0; max-width: 540px; max-height: 80vh; transition: transform 0.2s, opacity 0.2s; will-change: transform; background-color: #fff; display: flex; flex-direction: column; -webkit-transform: translateY(5%); transform: translateY(5%); -webkit-overflow-scrolling: touch; /* enables momentum scrolling in iOS overflow elements */ /* Optional */ box-shadow: 0 2px 6px #777; border-radius: 5px; margin: 20px; } .modal__content { position: relative; overflow-x: hidden; overflow-y: auto; height: 100%; flex-grow: 1; /* Optional */ padding: 1.5rem; } .modal.is-active { display: flex; justify-content: center; align-items: center; position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index: 9999; } .modal.is-visible .modal__wrapper { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .modal.is-visible .modal__overlay { opacity: 0.5; } /* 1a. Global Settings */ /* 1b. Header Settings */ /* 1c. Typography */ /* 1d. Buttons */ /* 1e. Forms */ /* 1f. Tables */ /* 1g. Blog */ /* 1h. Footer */ :root { /** GLOBAL SETTINGS **/ /* Global Colors */ --primary-color:#4AC7AA; --secondary-color:#ffffff; --primary-color-rgb:74, 199, 170; --secondary-color-rgb:255, 255, 255; --body-background-color: #FFFFFF; --swiper-theme-color: var(--primary-color); /** GLOBAL FONTS **/ /* Menu Font */ --global-menu-font-family: Roboto; --global-menu-font-style: normal; --global-menu-font-weight: 700; --global-menu-font-decoration: none; --global-menu-color: #0d0a0a; /* Header font */ --global-heading-font-family: 'palatino linotype', 'book antiqua', palatino, serif; --global-heading-font-style: normal; --global-heading-font-weight: 700; --global-heading-font-decoration: none; --global-heading-color: #0d0a0a; /* Body font */ --global-body-font-family: Roboto; --global-body-font-style: normal; --global-body-font-weight: normal; --global-body-font-decoration: none; --global-body-color: #0d0a0a; /* spacing */ --dnd-section-padding-desktop: 80px; --dnd-section-padding-tablet: 60px; --dnd-section-padding-mobile: 40px; --container-width: 1110px; /** HEADER SETTINGS **/ --header-bg-color: rgba(255, 255, 255, 1.0); --header-menu-link-color: rgba(13, 10, 10, 1); --header-menu-link-color-hover: rgba(74, 199, 170, 1.0); --header-child-bg-color: rgba(255, 255, 255, 1.0); --header-child-menu-link-color: rgba(13, 10, 10, 1); --header-child-menu-link-color-hover: rgba(74, 199, 170, 1.0); --header-font-size: 14px; --header-menu-text-transform: none; --header-menu-letter-spacing: 0.14px; /** TYPOGRAPHY **/ /* H1 */ --h1-font-family: var(--global-heading-font-family); --h1-font-weight: var(--global-heading-font-weight); --h1-color: #0d0a0a; --h1-font-size-desktop: 72px; --h1-font-size-tablet: 60px; --h1-font-size-mobile: 34px; --h1-line-height: 1.11; --h1-letter-spacing: -0.72px; /* H2 */ --h2-font-family: var(--global-heading-font-family); --h2-font-weight: var(--global-heading-font-weight); --h2-color: #0d0a0a; --h2-font-size-desktop: 48px; --h2-font-size-tablet: 40px; --h2-font-size-mobile: 32px; --h2-line-height: 1.21; --h2-letter-spacing: -0.48px; /* H3 */ --h3-font-family: var(--global-heading-font-family); --h3-font-weight: var(--global-heading-font-weight); --h3-color: #0d0a0a; --h3-font-size-desktop: 36px; --h3-font-size-tablet: 32px; --h3-font-size-mobile: 28px; --h3-line-height: 1.22; --h3-letter-spacing: 0px; /* H4 */ --h4-font-family: var(--global-heading-font-family); --h4-font-weight: var(--global-heading-font-weight); --h4-color: #0d0a0a; --h4-font-size-desktop: 28px; --h4-font-size-tablet: 25px; --h4-font-size-mobile: 22px; --h4-line-height: 1.36; --h4-letter-spacing: 0px; /* H5 */ --h5-font-family: var(--global-heading-font-family); --h5-font-weight: var(--global-heading-font-weight); --h5-color: #0d0a0a; --h5-font-size-desktop: 24px; --h5-font-size-tablet: 22px; --h5-font-size-mobile: 20px; --h5-line-height: 1.25; --h5-letter-spacing: 0px; /* H6 */ --h6-font-family: var(--global-heading-font-family); --h6-font-weight: var(--global-heading-font-weight); --h6-color: #0d0a0a; --h6-font-size-desktop: 20px; --h6-font-size-tablet: 18px; --h6-font-size-mobile: 16px; --h6-line-height: 1.25; --h6-letter-spacing: 0px; --h6-text-transform: uppercase; /* body para */ --para-font-family: var(--global-body-font-family); --para-font-weight: var(--global-body-font-weight); --para-color: #0d0a0a; --para-font-size-desktop: 20px; --para-font-size-tablet: 16px; --para-font-size-mobile: 16px; --para-line-height: 1.56; --para-letter-spacing: 0.18px; --para-margin-bottom: 20px; /* blog para */ --blog-para-color: #0d0a0a; --blog-para-font-size-desktop: 20px; --blog-para-font-size-tablet: 16px; --blog-para-font-size-mobile: 16px; --blog-para-line-height: 1.78; --blog-para-letter-spacing: 0.36px; --blog-para-margin-bottom: 20px; /* blockquote */ --blockquote-font-family: 'palatino linotype', 'book antiqua', palatino, serif; --blockquote-color: #0d0a0a; --blockquote-font-style: normal; --blockquote-font-weight: 700; --blockquote-font-decoration: none; --blockquote-font-size-desktop: 36px; --blockquote-font-size-tablet: 32px; --blockquote-font-size-mobile: 25px; --blockquote-line-height: 1.22; --blockquote-letter-spacing: 0px; /* link color */ --link-color: rgba(74, 199, 170, 1.0); --link-color-hover: rgba(13, 10, 10, 1.0); --link-decoration: ; /* read more */ --readmore-font-size-desktop: 14px; --readmore-font-size-tablet: 14px; --readmore-font-size-mobile: 14px; --readmore-line-height: 1.56; --readmore-font-weight: 600; --readmore-letter-spacing: 0.14px; --readmore-text-transform: none; --readmore-color: rgba(74, 199, 170, 1.0); --readmove-color-hover: rgba(74, 199, 170, 1.0); --readmore-icon-color: ; --readmore-icon-color-hover: ; --readmore-icon-size: ; /** Buttons **/ --cta-size-small-font-size: 14px; --cta-size-small-padding: 11px 20px; --cta-size-regular-font-size: 18px; --cta-size-regular-padding: 17px 20px; --cta-size-large-font-size: 16px; --cta-size-large-padding: 25px 40px; /* PRIMARY CTA */ --cta-primary-color: rgba(255, 255, 255, 1.0); --cta-primary-font-weight: 600; --cta-primary-letter-spacing: 0.14px; --cta-primary-text-transform: none; --cta-primary-bg-color: rgba(74, 199, 170, 1.0); --cta-primary-border: 1px none #4AC7AA; --cta-primary-border-radius: 8px; --cta-primary-bg-color-hover: rgba(74, 199, 170, 1.0); --cta-primary-color-hover: rgba(255, 255, 255, 1.0); --cta-primary-border-hover: 1px none #4AC7AA; /* SECONDARY CTA */ --cta-secondary-color: rgba(255, 255, 255, 1.0); --cta-secondary-font-weight: 600; --cta-secondary-letter-spacing: 0.14px; --cta-secondary-text-transform: none; --cta-secondary-bg-color: rgba(255, 255, 255, 1.0); --cta-secondary-border: 1px none #ffffff; --cta-secondary-border-radius: 8px; --cta-secondary-bg-color-hover: rgba(255, 255, 255, 1.0); --cta-secondary-color-hover: rgba(255, 255, 255, 1.0); --cta-secondary-border-hover: 1px none #ffffff; /* SIMPLE TEXT CTA */ --cta-simple-font-weight: ; --cta-simple-letter-spacing: 0.14px; --cta-simple-text-transform: none; --cta-simple-color-hover: rgba(74, 199, 170, 1.0); --cta-simple-underline-width: 1; --cta-simple-underline-color: rgba(255, 255, 255, 1.0); /* FORMS */ /* title */ --form-title-bg-color: rgba(239, 242, 246, 1.0); --form-title-color: #0d0a0a; --form-title-padding: 25px 25px; --form-title-border: 1px none #D0D0D0; --form-title-corner-radius: 8px; /* labels */ --form-labels-font-family: var(--para-font-family); --form-labels-color: #707883; --form-labels-color-custom: #707883; --form-labels-font-size: 20px; --form-labels-letter-spacing: 0.3px; --form-labels-padding: 6px 0px; /* fields */ --form-fields-bg-color: rgba(255, 255, 255, 1.0); --form-fields-placeholder-color: #707883; --form-fields-font-family: var(--para-font-family); --form-fields-color: #0d0a0a; --form-fields-color-custom: #0d0a0a; --form-fields-font-size: 20px; --form-fields-letter-spacing: 0.3px; --form-fields-padding: 12px 12px; --form-fields-border: 1px none #111111; --form-fields-corner-radius: 4px; --form-fields-checkbox-radio-color: #4AC7AA; --form-fields-checkbox-radio-bg-color: #FFFFFF; --form-fields-gdpr-font-size:12px; --form-fields-gdpr-color:#707883; --form-fields-gdpr-line-height:1.4; --form-fields-gdpr-letter-spacing:0px; --form-fields-richtext-color:#707883; --form-fields-richtext-line-height:1.67; --form-fields-helptext-font-size: 12px; --form-fields-helptext-text-color: #707883; --form-fields-helptext-line-height: 1.4; --form-fields_error-text-color: #a30001; --form-bg-color: rgba(255, 255, 255, 0.0); --form-border: 1px none #f6aa2d; --form-corner-radius: 0px; --form-padding: 0px 0px; /* TABLE */ --table-head-bg-color: rgba(74, 199, 170, 1.0); --table-head-font-color: #FFFFFF; --table-head-border: 2px none #0d0a0a; --table-font-color: #0d0a0a; --table-bg-color: rgba(255, 255, 255, 1.0); --table-border: 1px solid #0d0a0a; --table-padding: 15px 15px; /* BLOG */ --listing-post-bg-color: rgba(255, 255, 255, 1.0); --listing-post-title-color: #0d0a0a; --listing-post-tag-color: ; --listing-post-text-color: #0d0a0a; --listing-post-font-size: 14px; --listing-post-image-height: ; --listing-post-padding: 30px 25px; --listing-post-border: ; --listing-post-corner-radius: 8px; --listing-post-shadow-color: rgba(0, 0, 0, 0.05); --listing-post-shadow-size: 35px; --newsletter-bg-color: rgba(74, 199, 170, 1.0); --newsletter-text-color: #ffffff; --topic-bg-color: ; --topic-color: #4AC7AA; --topic-font-size: 13px; --topic-text-transform: uppercase; --topic-font-weight: 700; --topic-border: ; --topic-border-radius: ; --topic-padding: ; --topic-bg-color-hover: ; --topic-color-hover: #4AC7AA; --topic-border-hover: ; /* Footer */ --footer-style-options-bg-color: rgba(74, 199, 170, 1.0); --footer-style-options-header-color: #fff; --footer-style-options-text-color: #fff; --footer-style-options-link-color: #fff; --footer-style-options-link-color-hover: rgba(255, 255, 255, 1.0); --footer-style-options-horizontal-line-color: rgba(255, 255, 255, 1.0); --footer-style-options-font-size: 14px; --footer-style-options-bottom-font-size: ; } /* Theme base styles */ /* Generic This is where reset, normalize & box-sizing styles go. */ *, *:before, *:after { box-sizing: border-box; } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /* Objects Non-cosmetic design patterns including grid and layout classes) */ /* Responsive Grid */ .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; float: left; width: 100%; min-height: 28px; margin-left: 2.127659574%; *margin-left: 2.0744680846382977%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .span12 { width: 99.99999998999999%; *width: 99.94680850063828%; } .row-fluid .span11 { width: 91.489361693%; *width: 91.4361702036383%; } .row-fluid .span10 { width: 82.97872339599999%; *width: 82.92553190663828%; } .row-fluid .span9 { width: 74.468085099%; *width: 74.4148936096383%; } .row-fluid .span8 { width: 65.95744680199999%; *width: 65.90425531263828%; } .row-fluid .span7 { width: 57.446808505%; *width: 57.3936170156383%; } .row-fluid .span6 { width: 48.93617020799999%; *width: 48.88297871863829%; } .row-fluid .span5 { width: 40.425531911%; *width: 40.3723404216383%; } .row-fluid .span4 { width: 31.914893614%; *width: 31.8617021246383%; } .row-fluid .span3 { width: 23.404255317%; *width: 23.3510638276383%; } .row-fluid .span2 { width: 14.89361702%; *width: 14.8404255306383%; } .row-fluid .span1 { width: 6.382978723%; *width: 6.329787233638298%; } .container-fluid { *zoom: 1; } .container-fluid:before, .container-fluid:after { display: table; content: ""; } .container-fluid:after { clear: both; } @media (max-width: 767px) { .row-fluid { width: 100%; } .row-fluid [class*="span"] { display: block; float: none; width: auto; margin-left: 0; } } @media (min-width: 768px) and (max-width: 1139px) { .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; float: left; width: 100%; min-height: 28px; margin-left: 2.762430939%; *margin-left: 2.709239449638298%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .span12 { width: 99.999999993%; *width: 99.9468085036383%; } .row-fluid .span11 { width: 91.436464082%; *width: 91.38327259263829%; } .row-fluid .span10 { width: 82.87292817100001%; *width: 82.8197366816383%; } .row-fluid .span9 { width: 74.30939226%; *width: 74.25620077063829%; } .row-fluid .span8 { width: 65.74585634900001%; *width: 65.6926648596383%; } .row-fluid .span7 { width: 57.182320438000005%; *width: 57.129128948638304%; } .row-fluid .span6 { width: 48.618784527%; *width: 48.5655930376383%; } .row-fluid .span5 { width: 40.055248616%; *width: 40.0020571266383%; } .row-fluid .span4 { width: 31.491712705%; *width: 31.4385212156383%; } .row-fluid .span3 { width: 22.928176794%; *width: 22.874985304638297%; } .row-fluid .span2 { width: 14.364640883%; *width: 14.311449393638298%; } .row-fluid .span1 { width: 5.801104972%; *width: 5.747913482638298%; } } @media (min-width: 1280px) { .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; float: left; width: 100%; min-height: 28px; margin-left: 2.564102564%; *margin-left: 2.510911074638298%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .row-fluid .span11 { width: 91.45299145300001%; *width: 91.3997999636383%; } .row-fluid .span10 { width: 82.905982906%; *width: 82.8527914166383%; } .row-fluid .span9 { width: 74.358974359%; *width: 74.30578286963829%; } .row-fluid .span8 { width: 65.81196581200001%; *width: 65.7587743226383%; } .row-fluid .span7 { width: 57.264957265%; *width: 57.2117657756383%; } .row-fluid .span6 { width: 48.717948718%; *width: 48.6647572286383%; } .row-fluid .span5 { width: 40.170940171000005%; *width: 40.117748681638304%; } .row-fluid .span4 { width: 31.623931624%; *width: 31.5707401346383%; } .row-fluid .span3 { width: 23.076923077%; *width: 23.0237315876383%; } .row-fluid .span2 { width: 14.529914530000001%; *width: 14.4767230406383%; } .row-fluid .span1 { width: 5.982905983%; *width: 5.929714493638298%; } } /* Clearfix */ .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; } .clearfix:after { clear: both; } /* Visibilty Classes */ .hide { display: none; } .show { display: block; } .invisible { visibility: hidden; } .hidden { display: none; visibility: hidden; } /* Responsive Visibilty Classes */ .visible-phone { display: none !important; } .visible-tablet { display: none !important; } .hidden-desktop { display: none !important; } @media (max-width: 767px) { .visible-phone { display: inherit !important; } .hidden-phone { display: none !important; } .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } } @media (min-width: 768px) and (max-width: 1139px) { .visible-tablet { display: inherit !important; } .hidden-tablet { display: none !important; } .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important ; } } .content-wrapper { margin: 0 auto; max-width: 1240px; max-width: 1110px; padding: 0 20px; } @media screen and (min-width: 1380px) { .content-wrapper { padding: 0; } } .dnd-section, .content-wrapper--vertical-spacing { padding: 80px 20px; padding-top: 40px; padding-bottom: 40px; } .dnd-section > .row-fluid { margin: 0 auto; max-width: 1200px; max-width: 1110px; } .dnd-section .dnd-column { padding: 0; } @media (min-width: 768px) { .dnd-section { padding-top: 60px; padding-bottom: 60px; } } @media (min-width: 1025px) { .dnd-section { padding-top: 80px; padding-bottom: 80px; } } @media (max-width: 767px) { .dnd-section .dnd-column { padding: 0; } .dnd-module .widget-type-linked_image img { margin-bottom: 10px; } } /* Elements Base HMTL elements are styled in this section (, ,

,